[JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media
HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。
html5mediaの実装
html5mediaの利用方法は簡単です。
ページに追加する一行
下記をページのhead内に記述します。
<script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>
これだけで、すべてのメジャーブラウザでHTML5のvideoとaudioを利用できるようになります。
video, audioに非対応のIE7でも期待通りに動画が再生されます。
IE7でのキャプチャ
IE6でも、同様です。
IE6(IE Tester)でのキャプチャ
参考：video, audioのサポート状況
video, audioのサポート状況
- video要素：サポート
-
- Firefox3.6/4
- Safari5
- IE9/10
- Chrome10
- Opera11.1
- video要素：非サポート
-
- IE6/7/8
- audio要素：サポート
-
- Firefox3.6/4
- Safari5
- IE9/10
- Chrome10
- Opera11.1
- audio要素：非サポート
-
- IE6/7/8
参考：HTML5 Graphics & Embedded Content
Post on:2011年8月10日
Comments
HTML5のvideoとaudioを利用できる外部 動画プレーヤー » News de 5zaru*
on 2011年8月11日
[...] {配布元・デモ}HTML5 video was meant to be this easy [JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media Twitter Facebook [...]