HTML <video> src 属性

HTML <video> タグ

定義と使用法

src 属性はビデオファイルの場所（URL）を指定します。

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

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

すべてのブラウザで動作するように、<video> 要素内に複数のを追加してください。 <source> 要素各 <source> 要素は異なるビデオファイルにリンクすることができます。ブラウザは最初に認識した形式を使用します。

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  あなたのブラウザはビデオタグをサポートしていません。
</video>

実際に試してみる

例

ビデオを再生：

<video src="shanghai.mp4" controls>
  あなたのブラウザはビデオタグをサポートしていません。
</video>

実際に試してみる

構文

<video src="URL">

属性値

値 説明
URL

ビデオファイルの URL。

可能な値：

  • 絶対的な URL - 別のサイトへのリンク（例：src="http://www.example.com/movie.ogg"）
  • 相対的な URL - サイト内のファイルへのリンク（例：src="shanghai.ogg"）

ブラウザのサポート

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5

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

HTML <video> タグ