H5新增多媒体音频标签

多媒体标签包含两个,具体如下:

音频:<audio>

视频:<video>

使用它们可以很方便的在页面中嵌入音频和视频,而不再去使用落后的flash和其他浏览器插件。

<audio>音频标签

HTML5在不使用插件的情况下也可以原生的支持音频格式文件的播放,当然支持格式是有限的。

audio 音频格式

当前,<audio>元素支持三种音频格式:

格式 IE9 Firefox3.5 Opera10.5 Chrome3.0 Safari3.0
ogg Vorbis    
MP3    
Wav    

<audio>音频标签语法格式

<audio src="文件地址" controls="controls"></audio>

<audio> 标签HTML5 中的新属性

属性 描述
autoplay autoplay 如果出现该属性,则音频在就绪后马上播放,但是谷歌浏览器把autoplay属性给我们禁用了,不能自动播放,IE可以自动播放
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
loop loop 如果出现该属性,则每当音频结束时重新开始播放。
src url 要播放的音频的 URL。

<audio>音频标签支持多种音频格式语法

因为不同浏览器支持不同格式,我们采取的解决方案是我们为这个音频准备多个格式

    <audio controls="controls">
        <source src="happy.mp3" type="audio/mpeg">
        <source src="happy.ogg" type="audio/ogg">
        请升级您的浏览器,您的浏览器暂不支持audio标签。
    </audio>