2013年のHTML5動画の現在の状態

Question

私は自分のサイトに埋め込み動画としてFlashビデオを使用しています。私の古い2.2.xアンドロイドはうまくやっているが、新しいアンドロイドデバイスやリンゴデバイスが私のビデオを再生しないことに気づいている。フラッシュプレーヤーがフェードしているので解決策を検討している - そしてHTML5ビデオは新しいこと。

Google検索で2時間を費やして読み物をたくさん読んだが、そのほとんどは1年前、2年前、3年前からのもので、読んだことから判断するとhtml5ビデオタグは各ビデオを複数のフォーマットに変換する必要があり、フルスクリーンは何らかの種類のベンダー固有の拡張機能です。

私の質問は、HTML5ビデオタグが今Flash Playerの完全な置き換えであるのか、それとも2013年に最も人気のあるブラウザの半数のブラウザ向けのブラウザ固有のハッキングを必要とするかどうかです。

PC、Mac、アンドロイド、およびiPhoneで動作しますか？

Answer 1

caniuse.comは、この質問に答えるにはかなり良いデータの素晴らしいリソースです。

現在のところ... 〜ウェブユーザーのブラウザの92％support the HTML video tag。主なものはOpera Mini（約4.5％）ではありません。これらのユーザーにとっては、Flashフォールバックを使用することができます。これは実際にあまり効果がありません。あなたには、videoJS、jPlayer、JWPlayerのような、これを処理する非常にシンプルなソリューションがいくつかあります。

今のところ、2つ、場合によっては3つのフォーマットでエンコードする必要があります。ユーザーの約92％はsupport MPEG-4/h.264です。 Opera MiniとIE8はそれをサポートしていません。

HTMLビデオ、AndroidおよびiOS（主に）のすべてのバージョンで、できることはブラウザウィンドウの100％を満たすように設定することです。フルスクリーンが重要な場合は、Flashを使いたいと思うでしょう。

つまり、HTML5ビデオは少し余分な作業を必要としますが、現時点では正しいことが難しくありません。安定性と統一性の向上の方向に進む標準です。たとえば、YouTubeはプライムタイムの準備が整っていればそれを使用します（フォールバック付き）。