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();
});