HTML <source> 标签

实例

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

<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>

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <source> 标签。

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

定义和用法

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

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

HTML 4.01 与 HTML 5 之间的差异

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

属性

new : HTML5 中的新属性。

属性 值 描述
media media query 规定媒体资源的类型。
src url 规定媒体文件的 URL。
type numeric value 规定媒体资源的 MIME 类型。

全局属性

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

事件属性

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

相关页面

HTML DOM 参考手册：Source 对象

VUE