vlambda博客
学习文章列表

定义与用法

• <source>定义一个子标签，用于为<audio>，<video>和<picture>元素引入媒体资源。

• 当我们嵌入内容相同但格式不同的多个资源时，浏览器会选择最兼容的文件格式来播放。

• <source> 标签是 HTML5 中的新标签。

  
  

语法格式

<source src=” ” type=” “>  

示例代码

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

效果展示：

浏览器支持

IE	Firefox	Chrome	Safari	Opera

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

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

标签属性

: HTML5新属性。

属性	值	描述
media	media_query	规定媒体资源的类型，供浏览器决定是否下载。
src	URL	规定媒体文件的 URL。
type	MIME_type	规定媒体资源的 MIME 类型。

全局属性

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

事件属性

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

点击下方“阅读原文”阅览效果更佳