Web関連

HTML5での動画再生が主流になってきた!

こんにちは!コーダーの須澤です。
今回はHTML5の動画プレーヤーについて書きたいと思います。

まだ、対応ブラウザの問題はありますが、普及が進んできたので、どのようなメリット、デメリットがあるのか書きたいと思います。

一番有名なのはやっぱりYouTube

HTML5の動画プレーヤーが導入されている一番有名なサイトはなんといってもYouTubeです!
私もYouTubeはかなり見ていましたが、いつの間にかHTML5のプレーヤーに切り替わっていました。

公式ページによると、下の画像のように「現在、HTML5 プレーヤーをできるだけ使用するよう設定されています。」という表記があり、基本的にはHTML5の動画プレーヤーが使われることになっているようです。
画像はGoogleChrome最新版で表示した場合。

html5suzawa.png

古いブラウザの場合は非対応になってしまうため、古いプレーヤーで再生することになります。
HTML5対応の最新版(2015年6月現在)のIEでも、一部動画フォーマットは非対応になっているようです。

html5suzawa02.png

自分はどのプレーヤーで再生しているのかを確認するには、動画プレーヤーの上で「右クリック」すると、下の画像のようなメニューが表示され、メニューの一番下に「HTML5プレーヤーについて」と出ていれば、HTML5プレーヤーで再生していることになります。

html5suzawa03.png

HTML5で動画を再生するメリット

では、HTML5で動画を再生するメリットは何かというと、再生するプレーヤーがインストールされていなくても良いということです。

例えば、WindowsMediaPlayerの動画フォーマットwmvをHTMLに直接埋め込んだ場合、当然WindowsMediaPlayerがインストールされている必要があり、Flashのプレーヤーが導入されているサイトであれば、Flash Playerがインストールされていないと、動画は再生できません。

ですが、HTML5動画の場合は、 HTML5に対応したブラウザがインストールされていれば、動画を再生することができます。

簡単に言うと、ブラウザが動画再生機能を実装したということです。

そのため、ユーザーにはプレーヤーをインストールしてもらう必要がなく、すぐに動画を再生してもらうことができます。

HTML5で動画再生をするデメリット

デメリットはYouTubeの説明の際に書いたように、対応していないブラウザの場合再生ができないことです。
YouTubeのように、再生しているブラウザが何かを判断し、対応する必要があるのでWeb制作者としては工数がかかってしまいます。

まとめ

現状はデメリットもあるHTML5の動画再生ですが、今後のブラウザはHTML5対応が進み、2015年7月29日から配信されるWindows10には、新しいブラウザ「Microsoft Edge」が標準ブラウザとなります。

HTML5の機能も多数あるとのことですので、今後の普及率を見て対応していくのが良いようです。

QRコードとO2Oマーケティング前のページ

Web制作の落とし穴!最適な内容の並べ方次のページ

ピックアップ記事

  1. AIに求められているものは、実は意外な物だった
  2. 新しい販売形態であるDtoCについて考えてみる
  3. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  4. 新型コロナウイルスで日本の働き方改革が起こる

関連記事

  1. Web関連

    顧客満足度向上ってどうすればいいの?仕事をとおして学んだこと

    最近、CS推進や顧客満足度向上のために対策を行う企業も増えてきました。…

  2. Web関連

    テレビで見たあの場所へ。あの撮影スポットは千葉 のここだった!3選

    トリップアドバイザーが公表した「2015年日本の人気テーマパーク」ラ…

  3. Web関連

    コンテンツ内容がわかるいいバナー広告を選んでみた

    最近、バナーの制作依頼が多く、Yahooのバナーに関する規約も変わりま…

  4. AI関連

    【Web最先端】Webサイト×人工知能×マーケティング

    人工知能、もしくはAIという言葉を最近よく聞くようになりました。…

  5. Web関連

    広告によるストレスを減らすネイティブ広告

    Webサイトを見ているとたくさんの広告を見かけると思います。W…

  6. Web関連

    iPhone5の両端から光が漏れてきた話

    皆様は、iPhoneを使用されておりますでしょうか。私は使用しておりま…

おすすめ記事

最近の記事

  1. DX(デジタルトランスフォーメーション)・デジタルシフトへの…
  2. テレワークだけでは足りない?デジタルシフトなど、アフターコロ…
  3. デジタル化が旅行・観光業を救う!?ウィズコロナ・アフターコロ…
  4. 非接触がこれからの常識。ウィズコロナ・アフターコロナはIoT…
  5. キャッシュレス決済はウィズコロナでのウイルス対策に繋がってい…

アーカイブ

  1. Web関連

    コンバージョンを上げるABテストとは!?
  2. Web関連

    【Web制作会社に聞いた】ランディングページの基礎を知ろう!
  3. Web関連

    スマホ広告を出す前に押さえておきたい3つのポイント
  4. Web関連

    ホームページ制作会社がまとめるカスタマーサポートに必要なポイント!
  5. Web関連

    ターゲットを見極めてWebサイトの売り上げ大幅アップ!「男女」のニーズを把握する…
PAGE TOP