type属性

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

ブラウザ対応

構文

<source src="URL" type="MIMEタイプ">

MIMEタイプ

動画
  • video/mp4：MP4
  • video/webm：WebM
  • video/ogg：Ogg
オーディオ
  • audio/mp3：MP3
  • audio/wav：Wav
  • audio/ogg：Ogg

サンプルコード

動画

MP4
<source src="sample.mp4" type="video/mp4">
WebM
<source src="sample.webm" type="video/webm">
Ogg
<source src="sample.ogg" type="video/ogg">

オーディオ

MP3
<source src="sample.mp3" type="audio/mp3">
Wav
<source src="sample.wav" type="audio/wav">
Ogg
<source src="sample.ogg" type="audio/ogg">

サンプル

HTMLソースコード

<p>MP4： 
	<video controls style="vertical-align: middle;">
		<source src="sample-video.mp4" type="video/mp4">
		sample-video.mp4を再生できないようです。
	</video>
</p>
<p>MP3： 
	<audio controls style="vertical-align: middle;">
		<source src="sample-audio.mp3" type="audio/mp3">
		sample-audio.mp3を再生できないようです。
	</audio>
</p>

実際の表示

MP4：

MP3：