html - Web ページの背景としての HTML5 ビデオ

Question

私は現在、視聴者が持っているブラウザに応じて、mp4 または ogg または webm ビデオ ファイルを呼び出す Web ページの背景としてビデオ ループを持っています。Chrome と IE では、ビデオは mp4 ファイルを使用してすぐに開始されますが、Firefox では、ogg または webm ビデオ ファイルの読み込みに約 10 秒かかります。それでも、ogg ファイルと webm ファイルは mp4 の半分のサイズです。Firefox が最初のフレームをロードし、再生する前にロードを待機しているのはなぜですか? mp4 の半分のサイズなので、特にすぐに開始しないのは奇妙に思えますか?

Answer 1

HTML5Doctorからこのソリューションを確認してください。

通常、HTML5オーディオおよびビデオプレーヤーでは、完全にダウンロードされる前にユーザーがメディアファイルの再生を開始できます（実際に再生するものがある場合に限ります）。MP4ファイルの場合はそうではない場合があります。この場合、ブラウザはファイル全体をダウンロードしてから再生できるようになります。これは、エンコーディングの問題が原因です。

MP4ファイルは、メディアファイルの最初ではなく最後に配置されたファイルインデックス（ファイルの長さなどの情報を含む）でエンコードされる場合があります。このインデックスには、プログレッシブダウンロードを提供するためにブラウザが必要とするメタデータが含まれています。このインデックスが最後にある場合、ファイルについて何も知らないため、インデックスを受信するまで待機する必要があります。

これが発生した場合は、Renaun EricksonによるQTIndexSwapperと呼ばれる簡単な修正があります。これをコンピューターにダウンロードしてファイルで実行すると、インデックスがファイルの先頭に移動して保存されます。