<source> 标签是video 和 audio 标签的子元素，用来指定复数的媒体源。
下面的例子里，浏览器如果支持MP3则播放音频，不支持MP3的时候无法播放音频。
<audio src="/it-htmltag/xxx.mp3" autoplay></audio>
而如果像下面这样指定了复数的媒体源的话，当浏览器支持MP3时会播放MP3，不支持MP3的时候会按顺序播放下面的WAV或OGG音频。
<audio autoplay>
<source src="/it-htmltag/xxx.mp3" type="audio/mp3">
<source src="/it-htmltag/xxx.wav" type="audio/wav">
<source src="/it-htmltag/xxx.ogg" type="audio/ogg">
</audio>
source 元素的 onerror 属性可以在所有格式都不被浏览器支持的时候，执行 JavaScript 处理。
<audio autoplay>
<source src="/it-htmltag/xxx.mp3" type="audio/mp3">
<source src="/it-htmltag/xxx.wav" type="audio/wav">
<source src="/it-htmltag/xxx.ogg" type="audio/ogg" onerror="error()">
</audio>
<source> 标签实例(www.169it.com)
带有两个源文件的音频播放器。浏览器需要选择它所支持的源文件（如果都支持则任选一个）：
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
浏览器支持
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <source> 标签。
注释：IE 8 或更早版本的 IE 浏览器都不支持 <source> 标签。
标签定义及使用说明
<source> 标签为媒体元素（比如 <video> 和 <audio>）定义媒体资源。
<source> 标签允许您规定两个视频/音频文件共浏览器根据它对媒体类型或者编解码器的支持进行选择。
怎么在html网页中插入avi格式视频？
目前只有html5支持在网页播放视频，代码如下：
<video width="320" height="240" controls="controls">
<source src="/a.ogg" type="video/ogg">
<source src="/a.mp4" type="video/mp4">
your browser does not support the video tag.
</video>
目前对ogg和mp4的支持在各浏览器是最好的，
avi的type="video/x-msvideo",你可以试一下。
非html5实现：
<object data="http://www./videoplayer.swf" type="application/x-shockwave-flash">
<param name="movie" value="video.swf" />
</object>
HTML 4.01 与 HTML5之间的差异
<source> 标签是 HTML5 中的新标签。
属性
New：HTML5 中的新属性。
| 属性 | 值 | 描述 |
|---|
| mediaNew | media_query | 规定媒体资源的类型，供浏览器决定是否下载。 |
| srcNew | URL | 规定媒体文件的 URL。 |
| typeNew | MIME_type | 规定媒体资源的 MIME 类型。 |
HTML <source> src 属性详细介绍
src 属性定义和用法
src 属性规定要播放的媒体文件的 URL。
HTML 4.01 与 HTML 5 之间的差异
<source> 标签是 HTML 5 中的新标签。
src 属性语法
<source src="/it-htmltag/URL/index.html">
值 描述
URL
规定媒体文件的 URL。
可能的值：
绝对 URL - 执行另一个站点（href="http://www./horse.ogg"）
相对 URL - 指向网站内的文件（href="/it-htmltag/horse.ogg"）
HTML <audio> autoplay 属性详细介绍
设置为自动播放的 audio 元素：
<audio controls="controls" autoplay="autoplay">
<source src="/it-htmltag/song.ogg" type="audio/ogg" />
<source src="/it-htmltag/song.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>
定义和用法
autoplay 属性规定一旦音频就绪马上开始播放。
如果设置了该属性，音频将自动播放。
autoplay 属性是 HTML 5 中的新属性。
语法
<audio autoplay="autoplay" />
<source> 标签支持 HTML 的全局属性。
<source> 标签支持 HTML 的事件属性。
-
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载,整理或搜集自网络.欢迎任何形式的转载，转载请注明出处.
转载请注明：文章转载自:[169IT-IT技术资讯]
本文标题:HTML <source> 标签
