jquery - 在 Firefox 中杀死 html5 视频实例

Question

我有一个页面，其中在不同的选项卡结构中嵌入了多个 html5 视频。FF 播放 ogg 格式，并且加载这些视频的方式似乎有所不同。每个视频都将自动播放设置为打开，并在单击每个选项卡时播放。问题是当我在标签之间快速导航时，我会同时播放多个视频，即使所有标签点击都有一个删除任何先前<video>标签的代码。有没有人经历过这种行为？你是怎么解决的？该问题仅限于 FF 内；所有其他浏览器都成功杀死了视频实例。

PS：我正在使用jquery

谢谢

Answer 1

无论您在哪里播放当前选项卡的视频，您也可以暂停其他选项卡中的视频。

$(".tab").on("click", function () {
    $('video').each(function () { this.pause(); });
    //now play the correct video
});

让我知道这是否有帮助。Firefox 似乎可能不想删除video仍在播放的标签。