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