私は、長い一連の（非常に短い）ビデオクリップを次々にロードし、ロードするビデオクリップの新しい方向を確立するユーザーからの時折の入力を含むWebアプリケーションの詳細を検討しています。
ブラウザでビデオ クリップを一度に 5 つプリロードできるようにしたいと考えています。ただし、現在サイトを機能させる方法は、srcJavaScript を介して属性を継続的に更新する単一のビデオ要素を使用することです。
最終的にすべてのビデオ クリップを (一度に 1 つずつ) 同じビデオ要素にロードしているにもかかわらず、ブラウザに複数のビデオ クリップをプリロードさせる簡単な方法はありますか?
<img>JavaScript でタグを作成し、そのsrc属性を設定することで、ブラウザに画像をプリロードできます。どの仕様でも必須ではありませんが、すべてのブラウザが画像をダウンロードしてキャッシュします (キャッシュが無効になっていない場合)。
<video>それが HTML5の要素で機能するかどうかはわかりませんが、機能する可能性があります。やってみませんか？
あなたが取り組んでいたプロジェクトをたまたま終わらせたのですか？プレイリストを使用して html5 ビデオ プレーヤーを試していますが、大きな問題が発生したかどうか疑問に思っていました。複数のビデオ ファイルの読み込み/再生でパフォーマンスの問題はありましたか? これをiPadで実行できましたか？IEのフォールバックはありましたか？
私のアプローチは<canvas>、複数の非表示<video>要素を持つ単一の要素を持ち、キャンバスの drawImage() 関数を使用してビデオを表示およびクロスフェードすることでした。