最后更新:2026-09-12

<audio>音频标签

用于在页面中嵌入音频播放器,常配合 source 提供多种格式以保证兼容。

分类链接与媒体
内容模型嵌入内容
允许的父元素接受流式内容的元素
闭合标签需要 </audio> 标签
状态标准

📝 语法

<audio controls>音频内容</audio>

⚙️ 属性

该元素支持全局属性及以下专有属性:

属性描述
src音频文件 URL(单文件时可用,多格式用 source)。
controls显示播放/暂停、音量等控件。
autoplay页面加载后自动播放(多需配合 muted)。
loop播放结束后循环。
muted默认静音。
preload预加载策略:none/metadata/auto。

▶ 示例

编辑下方代码,在 playground 中查看实时效果:

🌐 浏览器支持

浏览器 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<audio> v1 v12 v1 v1 v1
所有主流浏览器均支持
提示: 加 controls 才显示播放控件;自动播放通常需配合 muted 才能生效(浏览器策略限制)。
更多案例即将上线,敬请期待。

📚 相关教程

Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏