Question

我在模态窗口中播放视频，当我关闭窗口时，视频应该停止播放。以下代码适用于每个浏览器，但iPad Safari：

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

iPad上的问题是HTMLVideoElement没有属性'player'。有没有人知道为什么除了移动Safari之外，其他所有浏览器都会存在这种情况？

感谢。

Answer 1

as，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 players

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

2 个答案: