本文详细介绍了HTML5的audio标签，包括autoplay、controls、loop、muted和preload等属性的用法，以及如何处理不同浏览器的音频格式支持。示例代码展示了如何在网页中插入和控制音频播放，特别提到了对IE9+、Firefox、Opera、Chrome和Safari的兼容策略。同时，强调了提供多个source元素来确保音频在不同浏览器中的兼容性。
1. HTML 标签
* 注意只有Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 标签
一段简单的html5音频
您的浏览器不支持audio标签
以上代码不会显示音频控制也不会播放音频
它需要一些其余的属性：
属性
值
描述
s
s
s
autoplay
autoplay
如果出现该属性，则音频在就绪后马上播放
controls
controls
如果出现该属性，则向用户显示控件，比如播放按钮
loop
loop
如果出现该属性，则每当音频结束时重新开始播放
muted
muted
规定视频输出应该被静音
preload
preload
如果出现该属性，则音频在页面加载时进行加载，并预备播放.如果使用 "autoplay"，则忽略该属性
src
src
要播放的音频的 URL
程序举例：打开页面自动播放并且显示播放按钮
Your browser does not support the audio element.
2. HTML 标签注意事项
当前，audio 元素支持三种音频格式：
IE 9
Firefox 3.5
Opera 10.5
Chrome 3.0
Safari 3.0
Ogg Vorbis
√
√
√
MP3
√
√
√
Wav
√
√
√
上面的例子使用一个 Wav 文件，适用于Firefox、Opera 以及 Safari 浏览器。
要确保适用于 IE 9 浏览器，音频文件必须是 MP3 类型
audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式：
Your browser does not support the audio tag.
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
