Twitter Bootstrap模式和Youtube自动播放并在关闭时停止[重复]答案

【问题标题】：Twitter Bootstrap modal and Youtube autoplay and stop when closed [duplicate]Twitter Bootstrap模式和Youtube自动播放并在关闭时停止[重复]
【发布时间】：2012-09-08 04:19:57
【问题描述】：

可能重复：
How can I stop a video with Javascript in Youtube?

我想知道如何使用 Twitter Bootstrap 的模式功能来自动播放 Youtube 视频，当用户单击“关闭”按钮时，它将停止播放视频。

我已尝试将以下内容添加到我的 application.js 文件中，但不占优势。

$('#my-video').on('hide', function () {
  player.stopVideo();
})

HTML 视图

<div class="modal hide" id="myModal">
  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  <div class="modal-body">
    <iframe width="560" height="315" src="http://www.youtube.com/embed/30Pjl31cyDY?rel=0" frameborder="0" allowfullscreen></iframe>
  </div>
</div>

非常感谢任何见解。

【问题讨论】：

也许这会有所帮助：stackoverflow.com/questions/8931798/…

标签： javascript html youtube twitter-bootstrap

【解决方案1】：

player.stopVideo();

仅当 player 是您通过 Youtube API 创建的 YT.player 对象时才有效。您可以在此处了解如何通过 javascript 控制 youtube 播放器：https://developers.google.com/youtube/iframe_api_reference

【讨论】：