blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Technology

HTML5のvideoタグをモダンブラウザで有効にする方法

Pocket

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