videoタグでmp4動画をサイトに埋め込む方法の記事でも紹介させていただきましたが、
videoタグによる動画の埋め込みはWindowsのIE8だと非対応なので、今回はhtml5media.jsというJavascriptライブラリを使ってIE6〜8のブラウザでもvideoタグに対応させる方法を紹介させていただきます。
html5media.jsのダウンロード
以下のサイトから html5media.jsをダウンロードします。>HTML5 video and audio tags in all major browsers

html5media.jsは、HTML5に対応していないIE8のようなブラウザの場合に、videoタグによる動画をFlashプレーヤーのflowplayer で再生させるというライブラリです。
IE8に限った対応の場合は以下のようにしておきます。
あとは前回の記事でも紹介させていただいたvideoタグによる動画の埋め込み方法と同じですので、動画を再生させたい場所に以下のような記述を行います。
必要に応じて.htaccessにMIMEタイプの追加を行っておきます。
以下にhtml5media.jsを使ったデモを設置しましたので、IE8をご利用の場合は挙動を確認してみてください。
html5media.js を使ったIE8 向けvideoタグ対応のデモ
コメント