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

Target id of a bootstrap modal to stop video from playing when modal is closed

本文关键字：模式 播放 视频 用于 目标 id      更新时间：2023-09-26

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

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

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

使用它来暂停视频

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

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

工作演示

绑定

的函数传递的参数包含表示模态HTMLElement的目标属性

试试这个：

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