引导模式的目标 ID，用于在模式关闭时停止播放视频答案

【问题标题】：Target id of a bootstrap modal to stop video from playing when modal is closed引导模式的目标 ID，用于在模式关闭时停止播放视频
【发布时间】：2016-03-09 20:24:28
【问题描述】：

我有一个视频进入引导模式表单，点击即可打开。现在，当我关闭模式时，我希望该视频停止播放。我已经设法做一些 javascript 来做到这一点，但不是停止我想要的视频，而是停止该页面上的所有视频。

如何在下面的脚本中仅定位我想要停止播放的模式的 ID？

<script>
    $('body').on('hidden.bs.modal', '.modal', function () {
        $('video').trigger('pause');
    });
</script>

【问题讨论】：

标签： javascript jquery twitter-bootstrap video

【解决方案1】：

使用它来暂停视频

$('body').on('hidden.bs.modal', '.modal', function() {
  $('#ModalId').find('video').get(0).pause()
});

pause() 方法暂停（暂停）当前正在播放的音频或视频。

Working demo

【讨论】：

脚本运行良好，但我只想定位并停止带有#myModal ID 的模态视频，而不是在同一页面中自动播放的外部视频。
@AdrianAdr 使用您的模态 ID 而不是“视频”

【解决方案2】：

您绑定的函数正在传递一个参数，该参数包含一个表示模式 HTMLElement 的目标属性

试试这个：

$('body').on('hidden.bs.modal', '.modal', function (event) {
  $(event.target, ' video').trigger('pause');
});

【讨论】：