关闭Bootstrap模式</video>时暂停<video>

时间:2013-12-06 21:38:59

标签: jquery html5 video twitter-bootstrap-3 mediaelement.js

当使用Bootstrap 3模态窗口时,内容通常位于同一窗口中,因此,每当您关闭模态时,只需将其隐藏在同一页面中即可。如果它是<video>,它将继续播放,直到你刷新页面,或重新打开模态只是为了暂停它(因为它无法停止)。
如何在Bootstrap模式中暂停视频?

2 个答案:

答案 0 :(得分:9)

我在互联网上搜索了这个问题的答案。除了这段代码,没有人能为我工作。保证。它工作得很好。

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

答案 1 :(得分:1)

我发现这是我的所有模态(使用Mediaelement.js)工作的选项。

$('.modal').on('hidden.bs.modal', function () {
    $('video').each(function() {
      this.player.pause();
    });
})