javascript - ビデオが Javascript でロードされているかどうかを伝える

Question

だから、私はリスナーを使ってきました

document.getElementById("video").buffered.length

0ビデオが読み込まれたときよりも大きいかどうかを確認します。これは非常に小さなビデオで、Google Chrome でのみ機能します。Firefox ではまったく機能しません。これを機能させる方法についてのアイデアはありますか?

基本的に、特定のアクションを実行するために 3 つの個別の動画が読み込まれるまで待ちたいのですが、どうすればよいですか?

Answer 1

これを試して：

var video = document.getElementById("video-id-name");

if ( video.readyState === 4 ) {
    // it's loaded
}

ここを読む: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/readyState