HTML <video> タグ

例

ビデオの再生：

<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>

Try it Yourself ❯

定義と用法

<video> タグは、ムービークリップまたは他のビデオストリームなどのビデオを指定します。

現在、<video> がサポートするビデオフォーマットには、MP4、WebM、Ogg の 3 種類があります：

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

MP4 = H264 ビデオコーデックと AAC ビデオコーデック付属の MPEG 4 ファイル
WebM = VP8 ビデオコーデックと Vorbis ビデオコーデック付属の WebM ファイル
Ogg = Theora ビデオコーデックと Vorbis ビデオコーデック付属のO gg ファイル

ビデオフォーマット用 MIME タイプ

フォーマット	MIME-type
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 のイベント属性もサポートします。

デフォルトの CSS 設定

なし。

❮ 前へ完全なHTM リファレンス次へ ❯