<video>
HTML5で導入予定の動画再生用のタグです。
古いブラウザやIEでは利用できません。
利用できるブラウザでも、再生できるコーデックが少なく、動作も不安定な気がします。
現状、再生できるコーデックは、
Ogg Theora
のみかもしれません。
今まではHTMLページ上での動画の再生は、
などでブラウザのプラグインにより再生できましたが、
プラグインでの再生なので、再生する動画をHTMLでコントロールすることはできませんでした。
動画のコントロールにはFlashが使われていましたが、
<video>タグではブラウザの標準機能として動画を再生するので、DOM操作でJavaScriptなどでコントロールできます。
↓例
<video src="http://v2v.cc/~j/theora_testsuite/320x240.ogv">動画の再生には<video>タグに対応した最新ブラウザが必要です。</video>↓実際の表示
属性
| autoplay | ブール型。この属性が指定された場合、データの読み込みが完了し、再生可能な状態になった時点で即座にコンテンツの再生が始まります。 |
| controls | ブール型。この属性が指定された場合、再生・一時停止、音量、シーク、ポーズの各機能を制御するブラウザ標準のコントロールを表示します。 |
| height | 映像の表示領域の高さを指定します。 CSS ピクセルで指定します。 |
| loop | ブール型。この属性が指定された場合、コンテンツの終端に達すると自動的に先頭位置に戻ります。 |
| poster | 映像データが利用不可能な場合に表示される画像データを URI 形式で指定します。この属性が指定されない場合、再生可能な映像データがない場合は何も表示されません。 |
| src | 埋め込む映像コンテンツへの URL を指定します。 |
| width | 映像の表示領域の幅を指定します。 CSS ピクセルで指定します。 |
その他、<video>要素独自のメソッド、イベント、プロパティがあり、
JavaScriptなどでDOM操作することによりコンテンツの制御が可能です。