[JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media

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]

sponsors

top of page

©2024 coliss