【HTML5】videoタグの動画がFirefoxで動かない対処法

HTML5のvideoタグで再生される動画のフォーマットが、現状ブラウザによってバラバラになっている。
(サポートされている動画規格が統一されていない。)

【videoタグ使用例】

<video controls autoplay poster="firstimg.jpg" width="320" height="240">
	<source src="sample.mp4" />
	<source src="sample.ogv" />
	<source src="sample.webm" />
</video>

HTML5のvideoタグで動画が再生されるファイル形式はのうち、
FireFoxで現在標準となっている.ogvファイルOgg形式ファイルとして
設定されていないサーバーが多い。

今回はhtmlファイルと同じディレクトリ内に「.htaccess」を作って
下記のコードを記述して対応する。

【.htaccess記述例】

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

mp4形式などもサーバー設定によっては別途対応する必要がある。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>