iPad用のWebサイトの開発を依頼されました。それにいくつかのビデオが含まれる予定です。html5を試してみたい。私は実際には html5 の新しいビデオ部分のみを使用します (まだサポートしていないブラウザー用のフラッシュ フォールバックを使用)。かなりトラフィックの多いサイトでこれを行うのは間違いでしょうか?
編集: このサイトはすべてのブラウザ向けですが、iPad でも動作するように非フラッシュ バージョンを作成する必要があります。HTML5 ビデオをサポートしていないブラウザ用のフラッシュ バックアップがあれば大丈夫ですか? HTML5 ビデオがトラフィックの多いサイトに対応できるかどうかはまだわかりません。
それがiPad専用であれば、はい、それを選びましょう。
HTML5 ビデオの主な問題は、使用する形式について合意がないことです。現時点では、H.264 をサポートするブラウザー、Ogg Theora をサポートするブラウザー、両方をサポートするブラウザーがあります。もちろん、IE 8 以前 (および他のブラウザーの古いバージョン) はどちらもサポートしていません。詳細については、ウィキペディアを参照してください。
質問の編集に照らして編集します。これは、スティーブ・ジョブズが最近投稿した「Thoughts on Flash」からの引用です。
...このビデオのほとんどは、より最新の H.264 形式でも利用でき、iPhone、iPod、iPad で表示できます。YouTubeは、Web のビデオの推定 40% を占めており、すべての Apple モバイル デバイスにバンドルされているアプリで際立っています。iPad は、おそらくこれまでで最高の YouTube の発見と視聴体験を提供します。Vimeo、Netflix、Facebook、 ABC、CBS、CNN、MSNBC、Fox News、ESPN、 NPR、Time、The New York Times、The Wall Street Journalからこのビデオに追加します。Sports Illustrated、People、National Geographic、その他多数。iPhone、iPod、iPad のユーザーは、多くのビデオを見逃すことはありません。
HTML5 ビデオを使用するビデオ プロバイダーのリスト (この H.264 ビデオはそのように配信されるため) を考えると、問題ないと思います。
Apple には、「iPad 対応」の注目度の高いサイトのリストがあります。これらのサイトのほとんどは HTML5 ビデオを使用しています (少なくとも iPad が検出された場合)。留意すべきもう 1 つの点は、マルチタッチ デバイスとマウスではナビゲーションが異なる可能性があるということです。
はい、注意事項があります:
HTML5 以外のブラウザー (つまり、Internet Explorer 8 以前) のフォールバックとして Flash プレーヤーを使用する必要があります。
Firefox/Chrome/Opera/Android の場合は WebM で、Safari/IE/iOS/古い Android の場合は H.264 で動画をエンコードする必要があります。(Firefox 3.5/3.6 と Opera 10.5 が重要な場合は、おそらく Ogg Theora も)。Flash ビデオ プレーヤーで H.264 ファイルを再生できるはずです。個別に再エンコードする必要はありません。
動画ファイルにキャッシュを使用している場合、トラフィックの多いサイトではこれが問題になるのではないでしょうか? 動画ファイル用に 2 倍のキャッシュ スペースが必要だからですか? しかし、トラフィックの多いサイトでは、ビデオ専用のメディア サーバーがあり、各ファイルの 2 つのバージョンを使用しても何の違いもないと思います。
ビデオの Dive into HTML5 セクションをお読みください。
また、次の HTML5 ビデオ プレーヤーのいずれかを使用またはカスタマイズすることを検討することもできます。