Events 如何获取YouTube视频的结束事件

Events 如何获取YouTube视频的结束事件,events,video,youtube,Events,Video,Youtube,我在我有一张图片的网站上工作。单击该图像将打开一个jQuery对话框。在这个对话中,我打开了iframe,iframe的src是YouTube视频的URL。我想,当视频停止时,页面应该自动重定向到联系我们页面 下面是我用来在有人点击视频图像时打开对话的JavaScript代码 <script type="text/javascript" > $(function() { $( "#dialog" ).dialog({

我在我有一张图片的网站上工作。单击该图像将打开一个jQuery对话框。在这个对话中,我打开了iframe,iframe的src是YouTube视频的URL。我想,当视频停止时,页面应该自动重定向到联系我们页面

下面是我用来在有人点击视频图像时打开对话的JavaScript代码

<script type="text/javascript" >
        $(function() {
            $( "#dialog" ).dialog({
                autoOpen: false,
                position:['',100],
                show: {
                    effect: "blind",
                    duration: 1000
                },
                hide: {
                    effect: "fade",
                    duration: 1000
                }
            });
            $( "#opener" ).click(function() {
               $( "#dialog" ).dialog( "open" );
               $("#vieoplayId").attr("src","http://www.youtube.com/embed/T6DJcgm3wNY?autoplay=1");
            });
       });

$(函数(){
$(“#对话框”)。对话框({
自动打开:错误,
职位:['',100],
展示:{
效果:“盲”,
持续时间:1000
},
隐藏:{
效果:“褪色”,
持续时间:1000
}
});
$(“#开场白”)。单击(函数(){
$(“对话框”)。对话框(“打开”);
$(“#vieoplayId”).attr(“src”,”http://www.youtube.com/embed/T6DJcgm3wNY?autoplay=1");
});
});
下面是HTML代码

<div id="dialog">
   <div id="dialog1">
      <iframe  id="vieoplayId"  src="about:blank" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
     </div>
</div>                                    
 <div class="video_container">
    <img src="../images/img1.jpg" id="opener" style="cursor:pointer;">
 </div>

检查Youtube播放器API。以下是链接: