動画をサイト上に載せる場合、
HTML5でのコーディングがメインになってからは<video>タグを使用します。
こんな風に書きます↓↓
<video id="video" autoplay poster="sample.jpg"> <source src="sample.mp4" type="video/mp4"> <source src="sample.webm" type="video/webm"> <source src="sample.ogv" type="video/ogg"> <p>こちらのブラウザでは動画を再生できません。</p> </video>
拡張子「.mp4」の動画をサポートしていないブラウザも存在するので、
拡張子が「.webm」「.ogv」の動画も用意しておきます。
で、
この辺の情報はいくらでもネット上に詳しく出ているのですが、
問題はこの<video>タグはIE6、IE7、IE8に対応していないことです。
IE6、IE7辺りはもう動作保証の対象外とさせて貰っていいと思うのですが、
IE8は微妙なところです。
そこで取り敢えずIE8だけでも動画が再生されるようにと調べたところ、
「html5media」を使用すれば大丈夫!!とのこと。
https://html5media.info/
どうすればいいかというと、
<script src="http://api.html5media.info/1.1.5/html5media.min.js"></script>
を追記してやるだけです!!
これだけで、
IE8だけでなくIE6、IE7にも対応してくれるので、
すごく助かります。
この記事へのコメントはありません。