如何设置HTML5音频自动播放功能？

本文共计1038个文字，预计阅读时间需要5分钟。

现代浏览器（Chrome、Firefox、Safari、Edge）默认禁止自动播放有声视频，除非用户与页面已互动（如点击、触摸）。这是硬性策略，非bug。添加了autoplay，但无声音或无触发，大概率是这个原因。

真正能“静音自动播”的唯一可靠路径是：同时设置 muted + autoplay。即使你本意是想播有声内容，也得先走这一步——否则连加载都不会开始。

• <audio autoplay muted src="sound.mp3"></audio> 可立即播放（静音）
• 后续通过 JS 调用 play() 并取消静音，可能成功（取决于用户是否已交互）
• 纯 autoplay 在移动端几乎 100% 失效；桌面端新标签页首次打开也常被拦截

如何在用户交互后恢复有声播放

必须等用户主动触发（比如点击按钮、触摸区域），再调用 play() 并移除 muted。不能靠定时器或页面加载完成就执行，否则会被浏览器拒绝并抛出 NotAllowedError。