src属性

video要素のsrc属性は、ドキュメントへ埋め込む動画ファイルのURLを指定する属性。

ブラウザ対応

構文

<video src="URL"></video>

URL

URLに指定出来る値。

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

サンプルコード

絶対URL

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

相対URL

<video src="sample.mp4" controls></video>

サンプル

HTMLソースコード

<p>絶対URLで指定: <video src="http://html5.cyberlab.info/elements/embedded/sample-video.mp4" controls style="vertical-align: middle;">代替コンテンツ。</video></p>
<p>相対URLで指定: <video src="sample-video.mp4" controls style="vertical-align: middle;">代替コンテンツ。</video></p>

実際の表示

絶対URLで指定:

相対URLで指定: