模态关闭时在模态窗口中停止 youtube 视频答案

【问题标题】：stopping a youtube video in a modal window when modal is closed模态关闭时在模态窗口中停止 youtube 视频
【发布时间】：2012-11-06 03:54:05
【问题描述】：

我正在尝试做一些非常简单的事情。我有一个引导模式窗口，我在其中放置了这样的 youtube iframe 视频：

<iframe id='youtube-player' width="560" height="315" src="http://www.youtube.com/embed/AYPePO0oa_o?rel=0&wmode=transparent" frameborder="0" allowfullscreen></iframe>

我想使用 bootstrap 的 close 类来顶视频。我有这个但不工作（显然）

$('.close').on('click', function(){
  alert('here you are');
  $('#youtube-player').stopVideo();
});

这看起来应该很简单，但我不确定我应该做什么？任何帮助将不胜感激。

提前谢谢，

乔纳森

【问题讨论】：

标签： jquery youtube-javascript-api

【解决方案1】：

<body>
<div class="modal" id="modalId" >

</div>

<script type="text/javascript" >
$('#modalId').bind('hide', function () {
    var iframe = $(this).find('iframe');
var src = iframe.attr('src');
iframe.attr('src', '');
iframe.attr('src', src);
});
</script>
</body>

【讨论】：

【解决方案2】：

我认为这与您开始嵌入 iframe 的方式有关。

看看这个问题，它不完全相同，但很相似：Stop all YouTube iframe embeds from playing?

这是来自 Google 的 You Tube 开发者参考，如果您想使用控件，如何嵌入 iframe：https://developers.google.com/youtube/iframe_api_reference

这应该包含您需要的所有信息。

【讨论】：