ソースタグ

タグ source は、タグ audio および video のために音声または動画ファイルを挿入します。 このタグは、オーディオやビデオのファイルへのパスをさまざまなフォーマットで指定するために必要です(ブラウザは例えば mp3 や wav など、異なるオーディオフォーマットをサポートしているため)。 このため、タグ audio または video の中には、異なるフォーマットのファイルを持つ複数の source タグが含まれている必要があります。 ブラウザは、再生可能なフォーマットのファイルを見つけるまで、これらのタグを順番にチェックします。

終了タグは必須ではありません。

属性

属性 説明
src オーディオまたはビデオファイルへのパスを指定します。
必須属性。
media オーディオまたはビデオファイルを再生する対象となるデバイスを定義します。
type ファイルの種類と、それを開くためのコーデックの名前を指定します。 例: video/ogg; codecs="theora, vorbis.

例 .

タグ audio に対して source タグを追加してみましょう:

html<audio controls>
  <source src="track.mp3">
  お使いのブラウザはHTML5のオーディオをサポートしていません。
</audio>

例 .

タグ video に対して source タグを追加してみましょう:

html<video>
  <source src="moovie.mp4" controls>
  お使いのブラウザはHTML5のビデオをサポートしていません。
</video>

関連項目

  • タグ audio,
    これを使用してオーディオを追加できます
  • タグ video,
    これを使用してビデオを追加できます