HTML5ビデオ（動画）

多くのサイトでは、ビデオに使用されます。HTML5は、標準的なビデオディスプレイを提供します。

ビデオWebサイト

今までは、まだページ上のビデオ表示を目的とした標準は存在しません。

今日では、表示される（Flashなど）のプラグインを介して、ほとんどのビデオ。 ただし、すべてのブラウザが同じプラグインを持っていません。

HTML5は、ビデオ要素を介してビデオを含めるための標準的な方法を指定します。

ブラウザのサポート

Internet Explorerの9+、Firefoxの、オペラ、クロム、およびSafariのサポートの<video>要素。

注：IEのインターネットエクスプローラ8またはそれ以前のバージョンでは、<ビデオ>要素をサポートしていません。

HTML5（ビデオ） - どのように動作します

HTML5で動画を表示するには、あなたが必要とするすべては、次のとおりです。

<ビデオ>要素には、ビデオを制御するための再生、一時停止、ボリュームコントロールを提供します。

同時に、<映像>要素の要素も高さと幅の属性を提供するビデオの寸法を制御します。あなたは、ページのロード時に必要な映像空間の高さと幅が保持されます設定された場合。 。 あなたはこれらのプロパティを設定しない場合、ブラウザはビデオのサイズを知らない、ロードしたときに特定のスペースを予約することはできませんブラウザは、ページは元のビデオサイズの変更に基づいて行われます。

</ビデオ>の間に<動画>タグやコンテンツを挿入し、ブラウザに表示されるビデオの要素をサポートするために使用できません。

<動画>要素は、複数の<source>要素をサポートしています。<ソース>要素は、異なるビデオファイルにリンクすることができます。 ブラウザが最初に認識される形式を使用します。

ビデオフォーマットとブラウザのサポート

MP4、WebMの、およびOgg：現在、<動画>要素は3つのビデオフォーマットをサポートしています。

• H.264ビデオとAACオーディオエンコーディングとMP4 = MPEG 4ファイル
• VP8ビデオとVorbisのエンコードされたオーディオ符号化とWebMの= WebMのファイル
• TheoraのエンコードされたビデオとVorbisのエンコードされたオーディオとのOgg = OGGファイル

映像フォーマット

HTML5の<video> - DOMの使用を制御します

HTML5の<video>と<オーディオ>要素は、メソッド、プロパティ、イベントを持っています。

メソッドの<video>と<オーディオ>要素、プロパティ、およびイベントはJavaScriptを使用して制御することができます。

どちらの方法は、再生、一時停止などをロードするために使用されています。 前記（等持続時間、音量など）の性質は、読み取りまたは設定することができます。 DOMイベントは、要素が再生を開始<動画>、と言う、ことを通知することができ、請求、一時停止、というように停止し、。

簡単な方法としては、我々が読んで、設定されたプロパティを、メソッドを呼び出す方法を、<映像>要素を使用する方法を示します。

多くのためのリファレンスを参照してくださいHTML5オーディオ/ビデオDOMリファレンスマニュアルを 。

HTML5ビデオタグ