![](https://csdnimg.cn/release/download_crawler_static/87080443/bg9.jpg)
--在 HTML5 中专门用来播放网络上的音频。
使用 video 和 audio 元素进行播放时就不在需要使用其他的插件了,只要我们的浏览器支
持 HTML5 就可以了!
浏览器的支持:
Safari3 以上、Firefox4 以上、0pera10 以上、chrome3.0 以上版本都对 audio 元素和 video 元
素支持!
使用方法
audio 元素只需要给他指定一个 src 属性:
<audio src="MP3.mp3" controls="controls"></audio>
对于不支持的浏览器我们可以在这对元素之间加入提示语句来代替
<audio src="MP3.mp3" controls="controls">您的浏览器不支持 Audio 元素</audio>
video 元素要设定好长宽和 src 属性就可以了:
<video width="750" height="400" src="time.mp4"></video>
同样对于不支持 video 的浏览器可以在中间加入替换文字:
<video width="750" height="400" src="time.mp4">您的浏览器不支持 video 元素</video>
source 元素指定多个播放格式与编码:
source 元素可以为同一个媒体数据指定多个播放格式与编码方式,以确保浏览器可以从中选
择一种自己支持的播放格式进行播放。选择顺序自上而下,直到选择到所支持的格式为止。
使用方法:
<video>
<source src="video.m4v" type="video/mp4" />
<source src="video.webm" type="video/webm" />
<source src="video.ogv" type="video/ogg" />
<source src="video.mp4" />
</video>
各种设备对编码格式的支持情况:
webm(.webm)格式的视频 火狐 4.0+、chrome6.0+、opera10.6+
mp4(.m4v)格式的视频 IE9.0+ 、Safari3.1+ 、iso5.0 、Android4.0+
ogg(.ogv)格式的视频 火狐 3.5+、chrome3.0+、opera10.5+
mp4(.mp4)格式的视频 IE9.0+ 、Safari3.1+ 、iso3.0 、Android2.3+
src 属性
在这个属性里面指定媒体数据的 URL 地址。
controls 属性
指定是否为视频或者音频数据添加浏览器自带的播放控制条,控制条中有播放按钮、暂停等
按钮。
使用方法:
<video src="video.mp4" controls="controls"></video>
9 / 43