Question

我正在尝试做一些非常简单的事情。我有一个bootstrap模态窗口，我在这里放置一个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();
});

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

提前，

乔纳森

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

Answer 2

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

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

如果你想使用这些控件，这就是You Tube开发者关于如何嵌入iframe的参考资料：https://developers.google.com/youtube/iframe_api_reference

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

关闭模态时，在模态窗口中停止YouTube视频

2 个答案: