JavaScript

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

すごく助かります。

この記事を書いている人
株式会社ディープ
名前足立拓也

メールアドレスadachi@deep-deep.jp

関連記事

最近の記事

  1. ドメインについて
  2. WP:WordPress(ワードプレス)
  3. URL設計(URLデザイン)
  4. URL「ディレクトリ名」と文字アンダースコア(_)とハイフン(-)
  5. SEO対策(外部ファイルの読み込み)
  6. URL リダイレクト
  7. インデックスされない
  8. 内部対策は必要?
  9. CMS(シーエムエス)
  10. SEO業者は必要?

Twitter

アーカイブ

PAGE TOP