src属性

source要素のsrc属性は、ドキュメントへ埋め込むメディア・ファイル（動画ファイルやオーディオ・ファイル）のURLを指定する必須属性。

ブラウザ対応

構文

<source src="URL">

URL

URLに指定出来る値。

  • 絶対URL。例：http://html5.cyberlab.info/sample.mp4
  • 相対URL。例：sample.mp4

サンプルコード

絶対URL

<source src="http://html5.cyberlab.info/elements/embedded/sample.mp4">

相対URL

<source src="sample.mp4">

サンプル

HTMLソースコード

<p><b>動画</b></p>
<p>絶対URLで指定： 
	<video controls style="vertical-align: middle;">
		<source src="http://html5.cyberlab.info/elements/embedded/sample-video.mp4" type="video/mp4">
		sample-video.mp4を再生できないようです。
	</video>
</p>
<p>相対URLで指定： 
	<video controls style="vertical-align: middle;">
		<source src="sample-video.mp4" type="video/mp4">
		sample-video.mp4を再生できないようです。
	</video>
</p>
<p><b>オーディオ</b></p>
<p>絶対URLで指定： 
	<audio controls style="vertical-align: middle;">
		<source src="http://html5.cyberlab.info/elements/embedded/sample-audio.mp3" type="audio/mp3">
		sample-audio.mp3を再生できないようです。
	</audio>
</p>
<p>相対URLで指定： 
	<audio controls style="vertical-align: middle;">
		<source src="sample-audio.mp3" type="audio/mp3">
		sample-audio.mp3を再生できないようです。
	</audio>
</p>

実際の表示

動画

絶対URLで指定：

相対URLで指定：

オーディオ

絶対URLで指定：

相対URLで指定：