主要ブラウザでvideoタグを有効にしてくれるJavaScript「html5media」

html5の<video>タグを使用すると簡単に動画を埋め込めるようになりますが、対応していないブラウザが多いのも事実です。
今回ご紹介する「html5media」はvideoタグを有効にする事ができるJavaScriptです。

videoタグを使用する事でFlashなどのプラグインが必要なくなり、設置も簡単にできるようになります。

詳しくは以下

次のコードを貼付けるだけでvideoタグが有効になります。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://html5media.googlecode.com/svn/trunk/src/jquery.html5media.min.js"></script>

後はhtmlに簡単なタグを追加するだけです。

<video src="video.mp4" width="320" height="240" controls autobuffer></video>

これは簡単ですね。

初期状態で画像を表示したい場合には、poster要素を追加するだけのようです。

<video src="video.mp4" width="320" height="240" poster="image.jpg" controls autobuffer></video>

Firefox、Safari、Chrome、Android、iPhoneで動作するとの事。
サイトにはサンプルがあるので、興味のある方はぜひダウンロードしてみてください。