| ブログトップ | HTML関連 | JavaScript関連 |

MP4(H.264)の動画でクロスブラウザ

この記事は1年以上前の記事のため、内容が古い可能性があります。

メモ

MP4(H.264)動画をHTMLに埋め込む場合、下記のようにvideoタグで埋め込むことになるかと思います。

<video src="video.mp4" width="320" height="200" controls preload></video>

が、ブラウザによってはH.264をサポートしていなかったり(Firefox)、そもそもvideoタグが利用できなかったり(IE8)で、結局はそれぞれのブラウザ用の動画を用意したり、タグを振り分ける必要がありました。

しかし、それを一気に解決する方法がこちらのサイトに書かれておりました。

IE8でHTML5のvideoタグを使う方法 - [Swb:]渋谷に住むWEBデザイナの備忘録

やり方はとにかく簡単!

  1. スクリプトをダウンロード&解凍。
  2. apiフォルダのみサーバに丸ごとアップロード。
  3. head内に<script src="(apiフォルダのアップロード先)/html5media.min.js"></script>を記述。
  4. 普通にvideoタグを書く。<video src="video.mp4" width="320" height="200" controls preload></video>

これだけ。

これでIE8、Firefoxでも再生可能となりました。

もともと再生可能なブラウザもありますが、以下のブラウザで再生が確認されました。

  • IE8・IE9
  • Firefox
  • Chrome
  • Safari(Windows・Mac・iPad・iPod touch)
  • Androidのブラウザ
日々の生活にhappyをプラスする|ハピタス

このエントリーをはてなブックマークに追加

LINEで送る

トラックバック

トラックバックURL

コメント一覧

カードで使える日本語完全対応の安心なブランドコピーショップ

ルイヴィトン、シャネル、グッチ、エルメス、プラダ等のコピー商品を販売致しております
ロレックス、ガガミラノ、パネライ、フランクミューラーなどのハイブランド腕時計のコピー品も取り扱っております。
2017年新作も随時入荷致しております。

当店の製品は、業界でスーパーコピーと呼ばれるレベルの商品を最低ラインに、自社工場にて手作業の製造を行っております。
日本人ブランド鑑定士をアドバイザーに品質管理を行っておりますので、一般消費者はもちろんのこと、
質店や鑑定士にも真贋鑑定が困難である、最高峰の製品をご提供致しております。商品の発送は日本郵便EMSにて格安の料金で承っており、
EMS日本郵便のサイトにて随時発送状況を確認頂けます。他業者では行っていないクレジットカード決済、コンビニ決済もご利用可能です。
安心、安全にお買い物をお楽しみ頂けます。

ご希望の商品が掲載されていない場合にも、
お問い合わせ頂けましたら商品を確保できる場合がございますので

コメントする

※メールアドレスが公開されることはありません。

名前 *
メール*
URL
Copyright(c) 2010 - 2018 ダリの雑記