javascript - 视频不会在 iPad 上暂停（使用 MediaElement.js）

Question

我在模态窗口中播放视频，当我关闭窗口时，视频应该停止播放。以下代码在除 iPad Safari 之外的所有浏览器中都能完美运行：

videoModal.on("hidden", function(){
        console.log('window closed... stop video.')
        $('video, audio').each(function() {
          $(this)[0].player.pause();
        });
}

在 iPad 上，问题在于 HTMLVideoElement 没有属性“播放器”。有谁知道为什么这会存在于除移动 Safari 之外的所有其他浏览器中？

谢谢。

Answer 1

作为，mediaelement.js 在 dom 中插入名为“mejs”的全局对象。我们可以围绕这个对象进行游戏并找出当前页面上的所有播放器。一旦我们获得页面上的所有活跃玩家，我们就可以遍历并暂停每个玩家。我添加了代码片段来实现上述解释。

jQuery.each(mejs.players, function(key, val) {
    val.pause();
});

Answer 2

遇到了同样的问题。用一点技巧解决了这个问题，触发了暂停按钮：

videoModal.on("hidden", function(){
    console.log('window closed... stop video.');
    $('video, audio').each(function() {
        $(".mejs-pause").trigger('click');
    });
}

我在这里找到的：MediaElement.js stop all player