• Top
• Category
• Contact
• About

サイト構築 -JavaScript

sponsorsr

HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。

html5media
デモページ

[ad#ad-2]

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

[ad#ad-2]

Related Posts

coliss