Question

我正在jQuery模型窗口中打开你管视频。在IE浏览器中，Safari，Chrome当我们关闭叠加层时，YouTube视频不会停在那里，而是继续在后台播放，然后与其他视频产生问题。 / p>

我的示例代码是

<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>

单击缩略图图像时，叠加层将打开，相应的视频将自动播放。但是当我们关闭叠加层时，我不知道如何停止视频。

Answer 1

$('.window').find('embed').stopVideo();

或者您可以直接链接到它：

$('#myPlayer').stopVideo();

Answer 2

将object保留为js变量。

然后当你打开模态时，使用html(nameOfObjectVar)添加它，当有人关闭模态时，你remove()。

这就是我在一个有模态视频的网站上所做的。比试图使用YT stopVideo()更好，因为谁知道谷歌何时会改变它。

当我们关闭叠加层时，YouTube视频不会停止

2 个答案: