現在のブラウザにHTML5を使用してビデオを表示する

HTML 5ビデオタグを使用すると、 Webページにビデオを簡単に追加できます 。 しかし、表面上は簡単に見えますが、ビデオを起動して実行するためには、多くのことを行う必要があります。 このチュートリアルでは、最新のすべてのブラウザでビデオを実行するHTML 5でページを作成する手順について説明します。

• 独自のHTML 5ビデオのホスティングとYouTubeの使用
• Web上のビデオサポートの概要
• あなたのビデオを作成して編集する
• Firefox用のビデオをOggに変換する
• ビデオをMP4に変換してSafari用に
• Internet Explorer用のビデオをFLVに変換する
• Webページにビデオ要素を追加する
• JavaScriptとFlash Playerを追加してInternet Explorerで作業するパート1
• できるだけ多くのブラウザでテスト

01の10

独自のHTML 5ビデオのホスティングとYouTubeの使用

YouTubeは素晴らしいサイトです。 ビデオをWebページに素早く埋め込むことが容易になりますが、若干の例外はありますが、それらのビデオを実行するには非常にシームレスです。 YouTubeに動画を投稿すると、誰もがそれを見ることができると確信することができます。

しかし、あなたの動画を埋め込むためにYouTubeを使用するにはいくつかの欠点があります

YouTubeの問題のほとんどは、デザイナー側ではなく消費者側の問題です。

• 遅い検索と索引付け
• サーバーの停止
• コンテンツは（一見）任意に削除されています
• 余りにも悪い内容

しかし、コンテンツ開発者にとってYouTubeが悪い理由はいくつかあります：

• 動画の最大長は10分（無料アカウントの場合）
• アップロードのパフォーマンスが悪い
• YouTubeはあなたのビデオに無制限の使用権を与えます
• すべてのYouTubeユーザーはあなたのビデオに無制限の使用権を得ます

HTML 5のビデオは、YouTube上のいくつかの利点を与える

HTML5 for videoを使用すると、ビデオのあらゆる側面、視聴者、コンテンツの長さ、コンテンツの内容、ホストされている場所、サーバーのパフォーマンスなどを制御できます。 また、 HTML 5ビデオは、最大数の人が見ることができるように、必要なフォーマットでビデオをエンコードする機会を提供します。 あなたの顧客は、プラグインを必要とせず、YouTubeが新しいバージョンをリリースするまで待つ必要があります。

もちろん、HTML 5ビデオにはいくつかの欠点があります

これらには、

• 少なくとも3つの異なるコーデックでビデオをエンコードする必要があります
• HTML 5をサポートしていないブラウザでも動作するようにするには、JavaScriptをいくつか含める必要があります
• あなたのサーバーは、ビデオをホスティングするための帯域幅要件を処理できる必要があります

02の10

Web上のビデオサポートの概要

Webページにビデオを追加することは、長いこと困難なプロセスでした。 間違っていることがたくさんあった：

• まず、タグを使用してビデオをページに埋め込みます。 しかし 、そのタグは別のタグのために推奨されなくなりました。 とにかくブラウザをサポートしていないブラウザもありました。
• つまり、