HTML5 <video> タグ
例
ビデオの再生:
<video width="320" height="240" controls="controls">
<source src="/images/movie.mp4" type="video/mp4" />
<source src="/images/movie.ogg" type="video/ogg" />
あなたのブラウザは audio 要素をサポートしていません。
</video>
Try it yourself »
ブラウザ・サポート
<video> タグは、主要な全ブラウザがサポートしています（Internet Explorer は、バージョン 9から）。
定義と用法
<video> タグは、ムービー・クリップや他のビデオ・ストリームなどのビデオを指定します。
HTML 4.01 と HTML5 との相違点
<video> タグは、HTML5 で新たに追加されました。
チップスと注意事項
チップ: <video> と </video> の間のテキストは、video をサポートしていないブラウザで表示されます。
オプションの属性
New : HTML5 で新規追加。
| 属性 |
値 |
説明 |
| autoplayNew |
autoplay |
指定すると、準備ができ次第、動画は再生を開始する |
| controlsNew |
controls |
ビデオ・コントロール（再生/一時停止のようなボタン）の表示を指定する |
| heightNew |
pixels |
ビデオ・プレーヤの高さを設定する |
| loopNew |
loop |
ビデオが終了するたびに、最初からやり直すことを指定する |
| mutedNew |
muted |
ビデオの音声出力をミュートすることを指定する |
| posterNew |
URL |
ビデオをダウンロードしている間、またはユーザが再生ボタンを押すまでに
表示する画像を指定する |
| preloadNew |
auto
metadata
none |
ページのロード時に、ビデオをロードするかどうか、またはどの様にロードするか作成者の考えを指定する |
| srcNew |
URL |
ビデオファイルの URL を指定する |
| widthNew |
pixels |
ビデオ・プレーヤの幅を設定する |
グローバル属性
<video> タグは、HTML5におけるグローバル属性 もサポートします。
イベント属性
<video> タグは、HTML5におけるイベント属性 もサポートします。
|