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

HTML タグ一覧

HTML オーディオ/ビデオ DOM src 属性

src属性はHTMLメディア要素のsrc属性の値を反映し、要素で使用するメディアリソースのURLを示します。

オンラインサンプル

ビデオのソースを変更：

例

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　オーディオ/ビデオ src 属性の使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<button　onclick="changeSource()"　type="button">ビデオのソースを変更</button>
<br>　
<video　id="video1"　controls="controls"　autoplay="autoplay">
　　<source　id="mp4_src"　src="mov_bbb.mp4"　type="video/mp4">
　　<source　id="ogg_src"　src="mov_bbb.ogg"　type="video/ogg">
　　あなたのブラウザはHTML5　video　　タグ。
</video>
<script>　
myVid=document.getElementById("video1");
function　changeSource()
{　
　　isSupp=myVid.canPlayType("video/mp4");
　　if　(isSupp=="")
　　{
　　　　　myVid.src="movie.ogg";
　　}
　　else
　　{
　　　　　myVid.src="movie.mp4";
　　}
　　myVid.load();
}　
</script>　
</body>
</html>

テストしてみる ‹/›

定義と用法

src属性でオーディオを設定または返却/動画の現在のソース。
ソースがオーディオ/動画ファイルの実際の場所（URL）

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer 10、Firefox、Opera、Chrome および Safari は src 属性をサポートしています。

注意：Internet Explorer 9 及びその以前のバージョンでは src 属性をサポートしていません。

文法

src 属性を設定：

audio|video.src=URL

src 属性を返却：

audio|video.src

属性値

値	説明
URL	指定されるオーディオ/動画のソースの URL。可能な値：絶対的な URL - 別のウェブサイトを指す（例えば src="http://www.example.com/movie.ogg"）相対的な URL - ウェブサイト内のファイルを指す（例えば src="movie.ogg"）

技術的な詳細

返却値：	文字列値、現在のオーディオ/動画のソース。

　HTML オーディオ/動画 DOM リファレンスマニュアル

HTML: <template> タグ