HTML5のvideoタグでOGV形式の動画ファイルをFirefoxで再生する方法

HTML5のvideoタグでOGV形式の動画ファイルをFirefoxで再生する方法

HTML5のvideoタグでOGV形式の動画ファイルを指定した際、対応しているはずのFirefoxで再生できない事があります。
原因と対応方法は以下から。

HTML5のvideoタグ

HTML5からサポートされたvideoタグでは、画像をIMGタグで指定する様に手軽に動画を取り扱う事ができますが、2012年11月現在、ブラウザ毎に対応できるファイル形式が異なっています。

動画形式ごとのブラウザ対応状況一覧

FirefoxはVer15以降、OGV形式の動画に対応していますが、サーバーの環境によっては
『サポートされたファイル形式およびMIMEタイプの動画がみつかりませんでした』
というエラーが表示され、再生出来ない場合があります。

FirefoxでOGV形式の動画ファイルを再生する方法

サーバーが『Content-Typeヘッダー』に正しい『MIMEタイプ』を指定していない場合、FirefoxでOGV形式の動画が再生出来ない場合があります。
具体的な対応方法としては、Apacheの『httpd.conf』、もしくは『.htaccess』で次の様に指定します。

AddType video/ogg .ogg .ogv
AddType audio/ogg .ogg
AddType application/ogg .ogg .ogv

MP4形式やwebm形式の動画も扱う場合は下記の行を追記します。

AddType video/mp4 .mp4
AddType video/webm .webm

関連記事