如何一次暂停所有视频(html5)？

Question

// now pause all active videos
$('.vid').get(0).pause();
$('.vid').get(1).pause();
$('.vid').get(2).pause();

这就是我现在所拥有的,但它并不理想.我有点累了,所以我可能会遗漏一些明显的东西,但是我怎么能告诉它在页面上暂停所有.vid类的实例呢？

Answer 1

尝试

$('.vid').each(function() {
    $(this).get(0).pause();
});

Answer 2

没有真正需要 jQuery，ES6 方式（应该适用于大多数现代浏览器......）

对于所有<video>标签：

document.querySelectorAll('video').forEach(vid => vid.pause());

或者在您的情况下（寻找.vid课程）：

document.querySelectorAll('.vid').forEach(vid => vid.pause());

Answer 3

$("video").each(function() {
    $(this).get(0).pause();
});

更一般？对于所有视频！