2 つのソース・ファイルを備えたオーディオ・プレイヤー。ブラウザはサポートしているファイル（もしあれば）を選択します：
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Try it Yourself ❯
<source> タグは、<video> や <audio> などの、メディア要素の複数のメディアリソースを指定するために使用します。
<source> タグを使用すると、メディアの種類やコーデックのサポートに基づいて、 ブラウザから選択できる代替のビデオ/オーディオファイルを指定することができます。
表中の数字は、要素を完全にサポートした最初のブラウザ・バージョンを指定しています。
| 要素 | |||||
|---|---|---|---|---|---|
| <source> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
<source> タグは、HTML5で新しく追加されました。
= HTML5 で新規追加。
| 属性 | 値 | 説明 |
|---|---|---|
| media | media_query | メディアリソースのタイプを指定する |
| src | URL | メディアファイルの URL を指定する |
| type | media_type | メディアファイルのメディア・タイプを指定する |
<source> タグは、HTML のグローバル属性もサポートします。
<source> タグは、HTML のイベント属性もサポートします。
HTML チュートリアル：HTML5 Video
HTML チュートリアル：HTML5 Audio
HTML DOM リファレンス：Source オブジェクト
なし。