HTML5のvideoタグをモダンブラウザで有効にする方法
HTML5のvideoタグは、以下のように記述します。
<video id="movie01" width=”300″ height=”400″ autoplay loop>
<source src="movie01.mp4" type="video/mp4" media="all">
<source src="movie01.webm" type="video/webm" media="all">
<p>このブラウザではビデオを再生できません。</p>
</video>
mp4とwebmでほとんどのモダンブラウザで再生できるようですが、Firefox(確認version:17)はmp4を再生できず、さらにwebmがデフォルトでは認識できず再生できないため、.htaccessに以下を記述し、動画ファイルであることをサーバに認識させます。
2行目はogvが必要な場合に記述。
AddType video/webm .webm
AddType video/ogg .ogv
IE6,7,8でもvideoタグを有効にするには、html5media.min.jsを使います。
http://html5media.info/
html5media