HTML5 <audio>
标签
主题:HTML5 标签参考上一页|下一页
说明
<audio>
元素用于在 HTML 文档中嵌入音频内容,而无需任何额外的插件,如 Flash 播放器。
下表总结了此标签的使用上下文和版本历史。
Placement: | 块 |
---|---|
Content: | <source> , <track> , and text |
开始/结束标签: | 开始标签: required, 结束标签:required |
版本: | New in HTML5 |
语法
<audio>
标签的基本语法如下:
HTML / XHTML: <audio> ... </audio>
下面的示例显示了 <audio>
标签的作用。
<audio controls="controls" src="birds.mp3">
Your browser does not support the HTML5 Audio element.
</audio>
使用浏览器默认控件集的音频,带有其他来源。
<audio controls="controls">
<source src="birds.mp3" type="audio/mpeg">
<source src="birds.ogg" type="audio/ogg">
Your browser does not support the HTML5 Audio element.
</audio>
提示:如果浏览器不支持音频内容或无法下载音频源文件,您可以将文本或下载链接等内容放在音频元素内,以提供替代内容。
标签特定属性
下表显示了特定于 <audio>
标签的属性。
属性 | 值 | 说明 |
---|---|---|
autoplay |
autoplay |
此布尔属性指定音频将在完成加载数据后立即自动开始播放。 |
controls |
controls |
如果指定,浏览器将显示控件以允许用户控制音频播放,例如播放/暂停、音量等。 |
loop |
loop |
此布尔属性指定音频将在到达结尾时自动重新开始。 |
muted |
muted |
此布尔属性指定音频最初是否静音。 默认值为false, 表示将播放音频。 |
preload |
auto |
向浏览器提供有关是否下载音频本身或其元数据的提示。 autoplay 属性可以覆盖该属性,因为如果要自动播放音频,浏览器显然需要下载它。 |
src |
URL | 指定音频文件的位置。 或者,您可以使用首选的 <source> 标签,因为它允许多个选项。 |
全局属性
与所有其他 HTML 标签一样, <audio>
标签支持 HTML5 中的全局属性。
事件属性
<audio>
标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <audio>
标签。
基本支持—
|
进一步阅读
相关标签: <source>
, <track>
, <video>
.
Advertisements