<embed> 标签已不推荐用于音频播放，因其无语义、不支持无障碍、被主流浏览器禁用自动播放且无法监听状态；应改用 <audio> 并遵循用户手势触发+静音策略。
<embed> 标签在现代网页中已不推荐用于音频播放，它既无标准语义，也不支持无障碍访问，且在多数浏览器（尤其是 Safari 和新版 Chrome）中默认被禁用自动播放，甚至直接忽略 autostart="true" 等属性。
为什么 <embed> 基本失效
该标签最初是为插件（如 Flash、QuickTime）设计的，HTML5 之后已被 <audio> 取代。当前实际表现包括：
-
<embed src="music.mp3" autostart="true">在 Safari 中完全静音，在 Chrome 中需用户交互后才可能触发播放 - 无法监听播放状态（如
onload、onended），也无 API 控制暂停/音量 - 没有 fallback 机制，不支持
preload、loop等关键行为控制 - W3C 已将
<embed>定义为“外部资源嵌入”，不保证对音频/视频有播放能力
用 <audio> 实现背景音乐的最小可行方案
若确实需要页面加载后自动播放背景音乐（例如企业官网首页），必须配合用户手势触发 + 静音策略，否则会被浏览器拦截：
- 首次加载时不要自动播放，而是监听一次
click或touchstart，在回调中调用audio.play() - 音频元素需设置
muted属性（即使你后续想取消静音），否则 Chrome/Safari 会拒绝播放 - 使用
loop和preload="auto"提升连续性
<audio id="bgm" loop preload="auto" muted>
<source src="bgm.mp3" type="audio/mpeg">
</audio>
<script>
const audio = document.getElementById('bgm');
document.addEventListener('click', () => {
audio.muted = false; // 解除静音（可选）
audio.play().catch(e => console.warn('Playback failed:', e));
}, { once: true });
</script>
常见错误：试图绕过静音限制
以下做法均不可靠，且易引发兼容性问题：
- 用
setTimeout延迟play()—— 浏览器只认“用户激活上下文”，不看时间戳 - 监听
visibilitychange后播放 —— 页面切回前台不算用户手势，仍被拒 - 用
<iframe>包裹<embed>试图隔离策略 —— 现代浏览器统一应用 Autoplay Policy，无效 - 尝试
audio.volume = 0.01替代muted—— 部分版本 Chrome 仍判为“非静音自动播放”而阻断
真正可控的背景音乐，核心不在标签选择，而在是否尊重浏览器的播放策略。哪怕用了 <audio>，跳过用户交互直接调用 play() 的代码，今天能跑，明天就可能彻底无声。
