BGSOUND标签已完全失效，仅IE3–IE9私有支持且未被W3C采纳；现代网页必须用<audio>替代，需组合autoplay、loop、muted及hidden等属性，并依赖用户交互后解除静音才能实现有声播放。
BGSOUND 标签已失效，现代网页中完全不可用。它仅在 IE 3–IE 9 的私有实现中支持，W3C 从未将其纳入标准，且从 HTML5 起被正式废弃。现在任何主流浏览器（Chrome、Firefox、Safari、Edge）都会忽略 <bgsound> 标签，插入后毫无效果。
用 <audio> 替代 <bgsound> 实现自动播放背景音乐
HTML5 的 <audio> 是唯一标准、跨浏览器可用的方案。要模拟“背景音乐”行为（自动播放、不显示控件、循环），需组合使用属性：
-
autoplay：触发自动播放（但受浏览器策略限制，通常要求用户已与页面交互过，或页面有媒体权限） -
loop：循环播放 -
muted：必须静音才能绕过多数浏览器的自动播放拦截（尤其 Chrome 66+） -
preload="auto"：提升加载优先级（非必需，但有助于减少延迟） -
style="display:none"或hidden属性：隐藏元素本身
示例：
<audio autoplay loop muted preload="auto" hidden> <source src="bg.mp3" type="audio/mpeg"> <source src="bg.ogg" type="audio/ogg"> </audio>
为什么加了 autoplay 还不响？
这是当前最常遇到的问题，根本原因是浏览器主动限制未经用户许可的音频自动播放。以下情况会导致静音或失败：
- 页面未获得焦点（如后台标签页）
- 用户从未与页面交互（点击、滚动、按键等）
- 音频未设置
muted（即使你本意是播放有声内容，也得先静音启动，再通过 JS 解除） - 服务器未正确返回音频 MIME 类型（如 .mp3 文件被返回为
text/plain）
若需“有声自动播放”，必须先响应一次用户手势（比如点击按钮），再调用 audio.play() 并取消静音：
const audio = document.querySelector('audio');
button.addEventListener('click', () => {
audio.muted = false;
audio.play().catch(e => console.warn('Playback failed:', e));
});
MP3 还是 WAV？选什么格式更稳妥？
格式选择直接影响兼容性与加载性能：
-
.mp3：兼容性最好（所有现代浏览器都支持），体积小，适合背景音乐 -
.ogg（Vorbis）：开源免专利，Firefox/Chrome 支持好，但 Safari 旧版本不支持；可作为 MP3 备用 -
.wav：无压缩、体积巨大、加载慢，仅适合极短提示音，**不适合背景音乐** -
.weba：WebM 音频，压缩率高，但 Safari 支持滞后，目前不推荐主力使用
生产环境建议至少提供 mp3 + ogg 双源，并确保服务器配置了正确的 Content-Type 响应头（audio/mpeg / audio/ogg）。
真正麻烦的不是怎么放音乐，而是浏览器对自动播放越来越严的管控——哪怕你写对了所有属性，没用户交互，就大概率播不出声。这点在移动端尤其明显，很多设备默认禁止一切自动音频。
