jquery - Bootstrap 模式关闭时 YouTube 视频仍在播放

Question

我正在创建一个带有 Bootstrap 的网站，可以在这里找到 - http://www.branchingouteurope.com/digital-spark-testing/

如果您选择视频图像，您将看到一个打开 YouTube 视频的模式窗口。我遇到的问题是，当模式窗口关闭时，视频会继续播放。我希望该视频在模态窗口关闭时停止。

我在网上查看并阅读了许多解决方案，但似乎没有一个有效。这是标记...

<span class="main_video">
<div data-toggle="modal" data-target="#myModal" style="cursor:pointer">
<img src="img/master/video.fw.png" height="81%" width="60%" alt="Digital Spark Video"/>
</div>
</span>

<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  </div>
  <div class="modal-body">
  <iframe width="100%" height="100%" src="//www.youtube.com/embed/sIFYPQjYhv8?rel=0" frameborder="0" allowfullscreen></iframe>
  </div>
</div>

`

Answer 1

这里有一个基于 dizarter 版本和他链接到的解决方案之一的简单答案。

$('#modal-video').on('hidden.bs.modal', function () {
    $("#modal-video iframe").attr("src", $("#modal-video iframe").attr("src"));
});