videoタグを使用する際には、html5mediaもご一緒に！！

動画をサイト上に載せる場合、

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にも対応してくれるので、

すごく助かります。