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

Question

我有一个视频到一个bootstrap模式窗体，点击打开。现在，当我关闭模态时，我希望该视频停止播放。 我设法做一些javascript来做到这一点，但不是停止我想要的视频，它停止该页面的所有视频。

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

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

Answer 1

您绑定的函数是传递一个参数，该参数包含表示模态HTMLElement

的目标属性

试试这个：

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

Answer 2

使用此按钮暂停视频

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

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

<强> Working demo