source要素
source要素はvideo要素やaudio要素の再生ファイルを指定できる要素です。
video要素やaudio要素の子要素として利用できフロー・コンテンツやtrack要素の前に記述をし、src属性に各ファイルのURLを記述します。
<video widt="200" widt="100">
<source src＝"source src="movie_sample.webm"">
<source src＝"source src="movie_sample.mp4"">
<source src＝"source src="movie_sample.ogv"">
<p>代替コンテンツ</p>
</video>各ブラウザは以下の動画フォーマットに対応しています。
| Chrome 32 | Firefox 26 | Safari 7 | IE 10 | |
|---|---|---|---|---|
| WebM | ◯ | ◯ | ☓ | ☓ |
| Ogg | ◯ | ◯ | ☓ | ☓ |
| MP4 | ◯ | ☓ | ◯ | ◯ |
video要素では対応する動画ファイルに.htaccessなどでMIME TYPEを指定していないと再生されたいことがあるので注意をしてください。
AddType video/mp4 .mp4 .m4v
AddType video/ogg .ogv
AddType video/webm .webmtype属性を利用して動画のMIMEタイプとコーデックを指定できます。以下の指定ではMIMEタイプに「video/mp4」、コーデックに「avc1.42E01E, mp4a.40.2」が指定されています。
<source src='video.mp4' type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"gt;media属性を利用して対応するメディアを指定することができます。
<source src='video.mp4' media="screen">参考URL
4.8.8 The source element - W3C
登録日 : 2014年01月27日 最終更新日 : 2014年2月9日