0

我正在尝试做一些非常简单的事情。我有一个引导模式窗口，我在其中放置了一个 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();
});

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

提前谢谢，

乔纳森

4

2 回答 2

3 
<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>
于 2013-05-08T16:48:51.360 回答
0

我相信这与您开始嵌入 iframe 的方式有关。

看看这个问题，它不完全相同，但很相似：停止播放所有 YouTube iframe 嵌入？

如果您想使用控件，这是 Google 提供的有关如何嵌入 iframe 的 YouTube 开发人员参考：https ://developers.google.com/youtube/iframe_api_reference

那应该有你需要的所有信息。

于 2012-11-06T04:52:44.997 回答