例
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>
»それを自分で試してみてください 定義と使用法
<source>タグは、次のようなメディア要素のための複数のメディアリソースを指定するために使用される<video>と<audio> 。
<source>タグを使用すると、そのメディアの種類やコーデックのサポートに基づいて、ブラウザから選ぶことができる代替のビデオ/オーディオファイルを、指定することができます。
ブラウザのサポート
表中の数字は、完全に要素をサポートする最初のブラウザのバージョンを指定します。
| 素子 | |||||
|---|---|---|---|---|---|
| <source> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML 4.01とHTML5の違い
<source>タグは、HTML5で新しく追加されました。
属性
= HTML5で追加。
| 属性 | 値 | 説明 |
|---|---|---|
| media | media_query | メディアリソースのタイプを指定します |
| src | URL | メディアファイルのURLを指定します。 |
| type | media_type | メディアリソースのメディアタイプを指定します。 |
グローバル属性
<source>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<source>タグもサポートしています。イベントは、HTMLの属性 。
関連ページ
HTMLチュートリアル： HTML5ビデオ
HTMLチュートリアル： HTML5オーディオ
HTML DOMリファレンス： ソースオブジェクト
デフォルトのCSS設定
なし。