实例

拥有两份源文件的音频播放器。浏览器应该选择它所支持的文件（如果有的话）：

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 your browser does not support the audio element.
</audio> 

亲自试一试

定义和用法

<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。

<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

浏览器支持

元素 chrome ie firefox safari opera

<source>	4.0	9.0	3.5	4.0	10.5

internet explorer 9+, firefox, opera, chrome 以及 safari 支持 <source> 标签。

注释：internet explorer 8 以及更早的版本不支持 <source> 标签。

html 4.01 与 html 5 之间的差异

<source> 标签是 html 5 中的新标签。

属性

new : html5 中的新属性。

属性 值 描述

media	media query	规定媒体资源的类型。
sizes		规定不同页面布局的图像大小。
src	url	规定媒体文件的 url。
srcset	url	规定要在不同情况下使用的图像的 url。
type	numeric value	规定媒体资源的 mime 类型。

全局属性

<source> 标签支持 html 中的全局属性。

事件属性

<source> 标签支持 html 中的事件属性。

相关页面

html dom 参考手册：source 对象