【解説】HTML5で大きなMP4ファイルをストリーミング再生する方法

動画をダウンロードしながら再生可能にするには

Web上で動画を配信する際、ダウンロードと同時に再生（ストリーミング再生）できるようにするには、特別な方法でエンコードする必要があります。特にFlashベースの動画では、ストリーム内のデータを末尾から先頭へ移動させる処理が必要です。この作業は「mp4 FastStart」という無料プログラムを使えば自動的に行えます。

エンコード時の設定ポイント

HandBrakeなどのエンコードソフトには「Web」向けオプションが用意されており、エンコード時にこの最適化を自動的に適用できます。さらに、MP4ファイル自体にも圧縮が施されているため、Webサーバー側でgzipやdeflateによる追加圧縮をかけないよう注意が必要です。

サーバー側の圧縮設定について

圧縮を活用すると、Webサーバーはより小さなファイルサイズを配信でき、サイト訪問者の読み込み速度が向上します。gzipとは、ネットワーク転送を高速化するためにファイルを圧縮（サイズを小さく）する手法です。また、コンピューティング分野におけるDEFLATEは、LZ77アルゴリズムとハフマン符号化を組み合わせた可逆データ圧縮アルゴリズムおよびその関連ファイル形式として知られています。

レスポンスヘッダーの確認方法

以下のコマンドを実行することで、Webサーバーが送信しているヘッダーを確認できます。
curl -I https://example/video.mp4

HTTPレスポンスヘッダーには、Content-Type: video/mp4 と Accept-Ranges: bytes が含まれ、かつ Content-Encoding が含まれていないことを必ず確認してください。これにより、ブラウザが範囲指定リクエスト（レンジリクエスト）を正しく扱い、シーク操作やスムーズなストリーミング再生が可能になります。