HTML <ビデオ>タグ


ビデオを再生する:

<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>タグは、ムービークリップやその他のビデオストリームなどのビデオコンテンツをドキュメントに埋め込むために使用されます

タグには、異なるビデオソースを持つ<video>1つ以上 のタグが含まれています。<source>ブラウザは、サポートする最初のソースを選択します。

<video>タグとタグの間のテキストは</video> 、<video>要素をサポートしていないブラウザでのみ表示されます。

HTMLでサポートされているビデオ形式には、MP4、WebM、およびOGGの3つがあります。

Browser MP4 WebM Ogg
Edge YES YES YES
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

ヒントと注意

ヒント:オーディオファイルについては、タグを確認してください。 <audio>



ブラウザのサポート

表の数字は、要素を完全にサポートする最初のブラウザバージョンを示しています。

Element
<video> 4.0 9.0 3.5 3.1 11.5

オプションの属性

Attribute Value Description
autoplay autoplay Specifies that the video will start playing as soon as it is ready
controls controls Specifies that video controls should be displayed (such as a play/pause button etc).
height pixels Sets the height of the video player
loop loop Specifies that the video will start over again, every time it is finished
muted muted Specifies that the audio output of the video should be muted
poster URL Specifies an image to be shown while the video is downloading, or until the user hits the play button
preload auto
metadata
none
Specifies if and how the author thinks the video should be loaded when the page loads
src URL Specifies the URL of the video file
width pixels Sets the width of the video player

グローバル属性

この<video>タグは、HTMLのグローバル属性もサポートしています。


イベント属性

この<video>タグは、HTMLのイベント属性もサポートしています。


関連ページ

HTML DOMリファレンス:HTMLオーディオ/ビデオDOMリファレンス


デフォルトのCSS設定

なし。