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

Question

我正在使用 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>

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

Answer 1

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

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

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

Answer 2

将对象保存到js变量中。

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

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