<source> | HTML5 资源标签的定义与用法

由 hcduguo

定义与用法

  • <source>定义一个子标签，用于为<audio>，<video>和<picture>元素引入媒体资源。
  • 当我们嵌入内容相同但格式不同的多个资源时，浏览器会选择最兼容的文件格式来播放。
  • <source> 标签是 HTML5 中的新标签。

语法格式

<source src=” ” type=” “>  

示例代码

<audio controls>  
    <source src="/audio/claps.ogg" type="audio/ogg" >  
    <source src="/audio/claps.mp3" type="video/mp4">  
    当前浏览器不支持HTML5的<video>标签.  
</audio>

效果展示：

浏览器支持

IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <source> 标签。

注释：IE 8 或更早版本的 IE 浏览器都不支持 <source> 标签。

标签属性

: HTML5新属性。

属性值描述
mediamedia_query规定媒体资源的类型，供浏览器决定是否下载。
srcURL规定媒体文件的 URL。
typeMIME_type规定媒体资源的 MIME 类型。

全局属性

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

事件属性

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

相关