我正在使用 jQuery 模型窗口打开 YouTube 视频。在 IE、Safari、Chrome 中,当我们关闭覆盖层时,YouTube 视频不会在那里停止,而是继续在后台播放,然后与其他视频产生问题。
我的示例代码是
<div id="boxes">
<div class="window" id="dialog" style="top: 11px; left: 323.5px; display: block;">
<div align="right" class="clsbtn"><a class="close" href="#">Close</a></div>
<div>
<object width="580" height="360">
<param name="movie" value="http://www.youtube.com/v/eiz2vkSwSeQ&hl=en_US&fs=1&border=1"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/eiz2vkSwSeQ&hl=en_US&fs=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="580" height="360"></embed>
</object>
</div>
</div>
<div class="window" id="dialog" style="top: 11px; left: 323.5px; display: block;"></div>
</div>
<script>
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();
$('#mask').hide();
$('#mask').css("opacity",0);
$('.window').hide();
});
$('#mask').click(function () {
$('#mask').css("opacity",0);
$(this).hide();
$('.window').hide();
});
</script>
当我单击缩略图时,叠加层将打开,相应的视频将自动播放。但我不知道当我们关闭叠加层时如何停止视频。
最佳答案
$('.window').find('embed').stopVideo();
或者您可以直接链接到它:
$('#myPlayer').stopVideo();
关于jquery - 当我们关闭叠加层时,YouTube 视频不会停止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4253280/