<ソース>

HTML <source> タグ

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

</body>
</html>

インスタンスの実行»

オンラインの例を表示するには、[インスタンスの実行] ボタンをクリックしてください

ブラウザのサポート

IE 9+、 Firefox、Opera、Chrome、Safari はすべて <source> タグをサポートしています。

注: IE 8 以前のバージョンの IE ブラウザは、<source> タグをサポートしていません。

タグの定義と使用方法

<source> タグは、メディア要素 (<video> や <audio> など) のメディアリソースを定義します。

<source> タグを使用すると、メディアタイプまたはコーデックのサポートに基づいてブラウザが選択する 2 つのビデオ/オーディオファイルを指定できます。

HTML 4.01とHTML5の違い

<source> タグはHTML5の新しいタグです。

属性

New: HTML5 の新しい属性。

Attribute	Value	Description
mediaNew	media_query	ダウンロードするかどうかをブラウザーが決定するためのメディアリソースのタイプを指定します。
srcNew	URL	メディアファイルの URL を指定します。
typeNew	MIME_type	メディアリソースの MIME タイプを指定します。

グローバル属性

<source> タグは HTML グローバル属性をサポートします。

イベント属性

<source> タグは HTML イベント属性をサポートします。