HTML <source> 标签

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

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

 

1. 范例

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

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

我要试一试

 

2. 浏览器支持

元素 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> 标签。

 

3. HTML 4.01 与 HTML 5 之间的差异

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

 

4. 属性

new : HTML5 中的新属性。

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

 

5. 全局属性

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

 

6. 事件属性

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

HTML <span> 标签：<span> 标签被用来组合文档中的行内元素。所有浏览器都支持 <span> 标签。请使用 <span> 来组合行内元素，以便通过样式来格式化它们。