javascript - Bootstrap 模式的目标 ID，用于在模式关闭时停止播放视频

Question

我有一个 Bootstrap 模式形式的视频，单击即可打开。现在，当我关闭模式时，我希望该视频停止播放。 我已经设法执行一些 JavaScript 来做到这一点，但我希望它停止该页面上的所有视频，而不是停止视频。

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

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

Answer 1

使用它来暂停视频

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

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

<强> Working demo