インスタンス
シンプルなHTML5動画:
<video src="movie.ogg" controls="controls">
お使いのブラウザでは「video」タグをサポートしていません。
</video>
定義と用法
<video>タグは、映画のシーンやその他のビデオストリームなど、ビデオコンテンツを定義します。
HTML 4.01 と HTML 5 との違い
<video>タグは、HTML5における新しいタグです。
ヒントと注釈
ヒント:開始タグと終了タグの間にテキストコンテンツを配置することで、旧バージョンのブラウザでも「このタグはサポートされていません」というメッセージを表示できるようになります。
プロパティ
新機能:HTML5における新規属性。
| プロパティ | 值 | 説明 |
|---|---|---|
| autoplay | autoplay | この属性が存在する場合、ビデオは準備完了次第、すぐに再生されます。 |
| controls | controls | この属性が存在する場合、ユーザーにプレーバッテムなどのコントロールを表示します。 |
| height | pixels | ビデオプレーヤーの高さを設定します。 |
| loop | loop | この属性が設定されている場合、メディアファイルの再生が完了した時点で、再生が再度開始されます。 |
| muted | muted | ビデオのオーディオ出力はミュートに設定されるべきです。 |
| poster | URL | 動画のダウンロード時に表示される画像、またはユーザーが再生ボタンをクリックする前に表示される画像。 |
| preload | preload | この属性が存在する場合、ビデオはページの読み込み時に読み込まれ、再生準備が行われます。"autoplay"が使用されている場合は、この属性は無視されます。 |
| src | url | 再生対象の動画のURL。 |
| width | pixels | ビデオプレーヤーの幅を設定します。 |