在关闭 jQuery Modal 时停止 Vimeo 视频答案

【问题标题】：Stopping a Vimeo Video on close of jQuery Modal在关闭 jQuery Modal 时停止 Vimeo 视频
【发布时间】：2011-09-28 16:08:10
【问题描述】：

提前感谢您的帮助。

首先让我说我主要是一个 HTML/CSS 人，所以请尽量在你对任何需要 javascript 实现的响应中尽可能清楚。

我在页面的模态框中加载了一个 Vimeo 视频： http://sparkexperience.com/projects/nma/

但是，在 Safari 和 IE 中，在关闭窗口时，视频会继续播放。

我在这个网站上看到了另一个类似的帖子，但似乎仍然无法弄清楚： How to stop a Vimeo video with JQuery

我基本上完全按照 Vimeo Javascript API 操场的原样复制了所有 javascript 代码，但仍然没有运气（操场链接：http://player.vimeo.com/playground）

【问题讨论】：

您使用的插件实际上并没有从 DOM 中删除 Vimeo 播放器，因此它仍然存在并继续播放，尝试使用其他插件，我知道 PrettyPhoto 可以正常工作。
谢谢，切换插件解决了这个问题。

标签： jquery api vimeo

【解决方案1】：

将此脚本复制到页面的页脚（Foundation 附带的默认 CSS 选择器）

 <script type="text/javascript">
 jQuery(document).ready(function($) {
   $('body').live('click',function(){
    if($('div.reveal-modal-bg').is(':visible')){
        var resourceVideo = $('#myModal iframe').attr('src');
        $('#myModal iframe').attr('src','').attr('src',resourceVideo);
        };
    })
});
</script>

【讨论】：