HTML <video> src属性

❮HTML<video>タグ

ビデオを再生する:

<video src="movie.ogg" controls>
  Your browser does not support the video tag.
</video>

定義と使用法

このsrc属性は、ビデオファイルの場所(URL)を指定します。

上記の例ではOggファイルを使用しており、Chrome、Edge、Firefox、Operaで動作します。

古いInternetExplorerおよびSafariでビデオを再生するには、MPEG4ファイルを使用する必要があります。

<source> すべてのブラウザで機能させるには、要素内にいくつかの要素を追加し<video>ます。 <source>要素は、異なるビデオファイルにリンクできます。ブラウザは最初に認識された形式を使用します。

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

ブラウザのサポート

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

Attribute
src 4.0 9.0 3.5 3.1 11.5

このsrc属性はすべての主要なブラウザでサポートされていますが、定義されたファイル形式がすべてのブラウザでサポートされているとは限りません。


構文

<video src="URL">

属性値

Value Description
URL The URL of the video file.

Possible values:

  • An absolute URL - points to another web site (like src="http://www.example.com/movie.ogg")
  • A relative URL - points to a file within a web site (like src="movie.ogg")

❮HTML<video>タグ