ビデオを静的ファイルとしてホストするサーバーをセットアップしました
次に、html 5 を使用してビデオ ファイルを読み込んで再生します。
<div id="video wrapper" >
<video id="video" width="500" height="300" controls>
<source src="/videos/test.mp4" type="video/mp4" >
Your browser does not support the video type
</video>
</div>
この議論によると、HTML5 を介してビデオをストリーミングする方法は? 理想的には、ビデオはプログレッシブにロードされます (ストリーミング)。しかし、私の場合、ビデオの読み込みによってページ全体の読み込みがブロックされているようで、ページの読み込みが終了してビデオの再生が始まるまでに数分かかりました。
サーバー側には次のような出力があります。
127.0.0.1 - - [29/Jul/2013 18:00:23] "GET /videos/test.mp4 HTTP/1.1" 206 955542769 102.4900
私はそれを次のように解釈します:サイズ9555MBのビデオファイル「test.mp4」を転送するのに102秒。
テストはローカルサーバー(localhost)で行われているので、ネットワークの問題ではないと思います。これをデバッグする方法がわかりません。静的ファイルをホストする代わりに、専用のストリーミング サーバーを作成する必要がありますか?
トラブルシューティングのヒントをいただければ幸いです。