<ビデオ>

HTML <video> タグ

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<video width="320" height="240" controls>
  <source src="movie.mp4"  type="video/mp4">
  <source src="movie.ogg"  type="video/ogg">
  您的浏览器不支持 HTML5 video 标签。
</video>

</body>
</html>

インスタンスの実行»

[インスタンスの実行] ボタンをクリックしてオンラインインスタンスを表示します

ブラウザのサポート

IE 9 +、Firefox、Opera、Chrome、Safari はすべて <video> タグをサポートしています。

注: IE 8 以前のバージョンの IE ブラウザは <video> タグをサポートしていません。

タグの定義と使用方法

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

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

SafariYESNONOYES YESMP4 = MPEG 4 ファイルは H264 ビデオコーデックと AAC オーディオコーデックを使用します

ブラウザ	MP4	WebM	Ogg
Internet Explorer	はい	いいえ	いいえ
Chrome	はい	はい	はい
Firefox	YES Firefox 21 バージョン以降 Linux システム Firefox 30 以降	YES	YES

Opera 25 バージョンから開始	YES

形式MIME タイプMP4video/mp4 WebM /webmオッグビデオ/ogg

HTML 4.01とHTML5の違い

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

ヒントとメモ

ヒント: <video> タグと </video> タグの間にテキストコンテンツを配置すると、<video> 要素をサポートしないブラウザでもタグ情報を表示できます。

オプションの属性

新規: HTML5 の新しい属性。

プロパティ	値	説明
autoplayNew	autoplay	この属性が存在する場合、ビデオは準備が整うとすぐに再生されます。
controlsNew	controls	この属性が存在する場合、再生ボタンなどのコントロールをユーザーに表示します。
高さ新しい	ピクセル	ビデオプレーヤーの高さを設定します。
loopNew	loop	この属性が表示される場合、メディアファイルは再生終了後に再び再生を開始します。
ミュート新規	ミュート	この属性が表示される場合、ビデオの音声出力はミュートされます。
posterNew	URL	ビデオのダウンロード中に、ユーザーが再生ボタンをクリックするまで表示される画像を指定します。
プリロード新規	自動メタデータ none	この属性が表示される場合、ページの読み込み時にビデオが読み込まれ、再生の準備が整います。「自動再生」が使用されている場合、この属性は無視されます。
srcNew	URL	再生するビデオの URL。
幅新規	ピクセル	ビデオプレーヤーの幅を設定します。

グローバル属性

<video> タグは HTML グローバル属性をサポートします。

イベント属性

<video> タグは HTML イベント属性をサポートします。