Web関連

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

0

こんにちは!コーダーの須澤です。
今回は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の機能も多数あるとのことですので、今後の普及率を見て対応していくのが良いようです。

0

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

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

ピックアップ記事

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

関連記事

  1. Web関連

    【もう知ってる?】マイナンバーのメリット・デメリット

    最近話題になっている「マイナンバー」ですが、実際にはどういったことが出…

  2. Web関連

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

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

  3. Web関連

    【ホームページ制作】新規顧客(潜在顧客)の開拓をしたい

    企業のホームページは、何らかの目的や役割があって存在するものですが、上…

  4. Web関連

    「レスポンシブEメールデザイン」で見込み顧客を一気に獲得!

    最近では持っていない人はいないというくらいスマートフォンを持っている人…

  5. Web関連

    段取りで大変な大掃除も負担軽減できる

    年末準備には大掃除・年賀状の準備・御節の準備などがありますね。特に大変…

  6. Web関連

    レスポンシブWebデザイン(RWD)の特徴まとめました

    昨今、レスポンシブWebデザインが主流になり始めていますよね。ただ、「…

おすすめ記事

最近の記事

  1. デジタル接客+AIで非接触を推進する
  2. 持つべきなのか?運転免許証+マイナンバーカード
  3. RPAから始める業務効の自動化 働き方改革への選択肢の一つに…
  4. 【3分で解説】これから始まる自動車教習所のオンライン学科教習…
  5. 約1年間のウィズコロナ生活で大きく変わったもの

アーカイブ

  1. Web関連

    4Pと4Cの関係がやっとわかった~知っているようで答えられない用語 その3~
  2. Web関連

    【人工知能・AI×CSR】最新技術で実現する新しい社会貢献の形
  3. Web関連

    クラウドファンディングの成功例:森の図書館をご存知だろうか?
  4. Web関連

    業務を効率化できるサービス
  5. Web関連

    WordPressを使った簡単なオリジナル(っぽい)フォトブログ制作2
PAGE TOP