HTMLリファレンスマニュアル

HTMLタグ一覧

HTML: <source> タグ

HTMLの<source>要素は<picture>、<audio>または<video>要素に複数のメディアリソースを指定します。これは空要素です。通常、異なるブラウザでサポートされる複数のフォーマットで同じメディアコンテンツを提供するために使用されます。

オンラインサンプル

3つのソースファイルを持つビデオプレイヤー。ブラウザはサポートするソースファイルを選択する必要があります（すべてサポートされている場合でも、任意のものを選択できます）:

例

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML　sourceタグの使用(基本チュートリアルウェブ　oldtoolbag.com)</title>
</head>
<body>
<video　controls>
　　<source　src="movie.webm"　type="video/webm">
　　<source　src="movie.ogg"　type="video/ogg">　
　　<source　src="movie.mov"　type="video/quicktime">
　　I'm　sorry;　your　browser　doesn't　support　HTML5　video.
</video>
</body>
</html>

テストしてみる‹/›

ブラウザの互換性

ファイアフォックスオペラChrome

HTML 41 5

5 に新しいタグがあります。

属性

New ：HTML5 に新しい属性があります。

属性	値	説明
mediaHTML5	media_query	メディアリソースのタイプを指定し、ブラウザがダウンロードするかどうかを決定します。
srcHTML5	URL	メディアファイルのURLを指定します。
typeHTML5	MIME_type	メディアリソースのMIMEタイプを指定します。

グローバル属性

<source> タグがサポートされています HTMLのグローバル属性。

イベント属性

<source> タグがサポートされています HTMLのイベント属性。

HTML: <span> タグ HTML: <small> タグ