HTML リファレンスマニュアル

HTML タグ完全ガイド

HTML: <video> タグ

HTML <video> 要素は、HTMLまたはXHTMLドキュメントにメディアプレイヤーを埋め込むために使用され、ドキュメント内のビデオ再生をサポートします。また、<video> タグをオーディオコンテンツに使用することもできますが、<audio> 要素がユーザーエクスペリエンスの面でより適切かもしれません。

オンラインの例

videoでビデオを再生する方法：

例

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML videoタグの使用(基本教程網　oldtoolbag.com)</title>
</head>
<body>
<video　controls>
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.webm"　type="video/webm">
　　<p>Your　browser　doesn't　HTMLをサポートしていません5　video.　これは
　　　　　a　<a　href="movie.mp4">videoへのリンク</a>　instead.</p>
</video>
</body>
</html>

テストをしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがサポートしています。

タグの定義と使用方法

<video> タグはビデオを定義します、例えば映画の一部や他のビデオストリームなど。

現在、<video> 元素は 3 つのビデオ形式をサポートしています：MP4、WebM、Ogg。

ブラウザ	MP4	WebM	Ogg
Internet Explorer	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES Firefoxから 21 バージョンから始まります。 Linux システムから Firefox 3バージョンから始まります。	YES	YES
Safari	YES	NO	NO
Opera	YES Operaから 25 バージョンから始まります。	YES	YES

MP4 = MPEG 4ファイルを使用しています。264 ビデオコーデックとAACオーディオコーデックを使用しています。
WebM = WebM ファイルは VP8 ビデオコーデックと Vorbis オーディオコーデック
Ogg = Ogg ファイルは Theora ビデオコーデックと Vorbis オーディオコーデックを使用しています。

オーディオ形式の MIME タイプ

形式	MIME-type
MP4	video/mp4
WebM	video/webm
Ogg	video/ogg

HTML 4.01 と HTML5の間の違い

<video> タグは HTML5 の新しいタグ。

注意と留意点

注意：可以在 <video> 和 </video> タグ間にテキストを配置すると、<video> 元素をサポートしていないブラウザでもそのタグの情報が表示されます。

オプション属性

New ：HTML5 に追加された属性。

属性	値	説明
autoplayHTML5	autoplay	この属性が存在する場合、ビデオが準備ができたらすぐに再生されます。
controlsHTML5	controls	この属性が存在する場合、ユーザーにコントロールを表示します。例えば、再生ボタンなど。
heightHTML5	ピクセル	ビデオプレイヤーの高さを設定。
loopHTML5	loop	この属性が存在する場合、メディアファイルが再生が完了した後に再び再生されます。
mutedHTML5	muted	この属性が存在する場合、ビデオのオーディオ出力がミュートされます。
posterHTML5	URL	ビデオがダウンロードされている間に表示する画像を指定します。ユーザーが再生ボタンをクリックするまで表示されます。
preloadHTML5	auto metadata none	この属性が存在する場合、ページが読み込まれたときにビデオが読み込まれ、再生が準備されます。"autoplay"を使用している場合、この属性は無視されます。
srcHTML5	URL	再生するビデオのURL。
widthHTML5	ピクセル	ビデオプレイヤーの幅を設定。

グローバル属性

<video> タグがサポート HTMLのグローバル属性。

イベント属性

<video> タグがサポート HTMLのイベント属性。

HTML: <wbr> タグ HTML: <var> タグ