例
動画を再生します：
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
»それを自分で試してみてください 定義と使用法
<video>タグは、そのようなムービークリップまたは他のビデオストリームとして、動画を指定します。
現在、3サポートされているビデオフォーマットはそこにある<video>要素： MP4, WebM 、およびOgg ：
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES from Firefox 21 from Firefox 30 for Linux |
YES | YES |
| Safari | YES | NO | NO |
| Opera | YES From Opera 25 |
YES | YES |
- H264ビデオコーデックとAACオーディオコーデックとMP4 = MPEG 4ファイル
- VP8ビデオコーデックとVorbisのオーディオコーデックとWebMの= WebMのファイル
- TheoraのビデオコーデックとVorbisのオーディオコーデックとのOgg = OGGファイル
ビデオ形式のMIMEタイプ
| フォーマット | MIMEタイプ |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
ブラウザのサポート
表中の数字は、完全に要素をサポートする最初のブラウザのバージョンを指定します。
| 素子 | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML 4.01とHTML5の違い
<video>タグは、HTML5で新しく追加されました。
ヒントと注意事項
ヒント：間の任意のテキスト<video>と</video>タグがサポートしていないブラウザで表示されます<video>要素を。
オプション属性
= HTML5で追加。
| 属性 | 値 | 説明 |
|---|---|---|
| autoplay | autoplay | それは準備ができているように、ビデオは、すぐに再生を開始することを指定します |
| controls | controls | ビデオコントロールが（そのような再生/一時停止ボタンなど）が表示されるように指定します。 |
| height | pixels | ビデオプレーヤーの高さを設定します |
| loop | loop | ビデオは、再びそれが終了するたびにやり直すことを指定します |
| muted | muted | ビデオの音声出力がミュートされるべきであることを指定します |
| poster | URL | ビデオがダウンロードしている間に表示される画像を指定し、またはユーザが再生ボタンに当たるまで |
| preload | auto metadata none | どのように著者が、ページのロード時にビデオがロードされるべきであると考えているかどうかを指定します |
| src | URL | 動画ファイルのURLを指定します。 |
| width | pixels | ビデオプレーヤーの幅を設定します。 |
グローバル属性
<video>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<video>タグもサポートしています。イベントは、HTMLの属性 。
関連ページ
HTML DOMリファレンス： HTMLオーディオ/ビデオDOMリファレンス
デフォルトのCSS設定
なし。