jquery - すべての動画（html5）を一度に一時停止するにはどうすればよいですか？

Question

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

それは私が今持っているものですが、それは理想的とは言えません。私は少し疲れているので、明らかな何かを見逃している可能性がありますが、ページ上の.vidクラスのすべてのインスタンスを一時停止するように指示するにはどうすればよいですか？

score 20 · Accepted Answer

20

試す

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

于 2012-11-29T20:49:49.300 に答える

score 13 · Accepted Answer

ES6の方法であるjQueryは実際には必要ありません（ほとんどの最新のブラウザーで機能するはずです...）

すべての<video>タグの場合：

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

またはあなたの場合（クラスを探しています.vid）：

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

score 6 · Accepted Answer

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

より一般的ですか？すべての動画に！

score 2 · Accepted Answer

Video.jsは、ページ上のすべてのプレーヤーをV .playersのオブジェクトに保存するため、以下を実行できます。

ビデオJS3.x

通常のJS

for( player in window._V_.players ) {
    window._V_.players[player].pause();
}

jQuery

jQuery.each( window._V_.players, function( i, player ) {
    player.pause();
});

通常のJS

for( player in window.vjs.players ) {
    window.vjs.players[player].pause();
}

jQuery

jQuery.each( window.vjs.players, function( i, player ) {
    player.pause();
});

score 0 · Accepted Answer

0

だろう

jQuery.each($('.vid'), pause)

仕事？

于 2012-11-21T01:50:11.773 に答える

score 0 · Accepted Answer

このオプションはすべてのブラウザで機能します。forこれは、すべてのビデオタグを取得し、それぞれを一時停止する単純なループです。

var videoList = document.getElementsByTagName("video");
for (var i = 0; i < videoList.length; i++) {
    videoList[i].pause();
}