为何HTML4.0网站的audio标签在Chrome可用却在Edge不可用？

作为常年折腾前端兼容性的开发者，我帮你梳理几个最可能的原因，一步步排查：

1. 浏览器自动播放政策的严格限制 #

Chrome和新版Edge（基于Chromium）都有自动播放拦截规则，但Edge的触发阈值可能更严格。默认情况下，浏览器会阻止无用户交互的媒体自动播放，除非媒体是静音状态。

你当前的代码只用了autoplay，没加muted属性——这大概率是Edge拦截的核心原因。先试试给标签加上静音属性：

<audio autoplay muted>
  <source src="https://upload.wikimedia.org/wikimedia/wikipedia/commons/e/e8/Rule%2CBritannia%21_Instrumental.ogg">
</audio>

2. HTML4 doctype的兼容模式影响 #

你的网站用的是HTML4.01 Transitional的DOCTYPE，虽然现代浏览器会兼容HTML5标签，但在旧文档模式下，Edge可能会对HTML5媒体特性的支持打折扣。部分浏览器在HTML4 doctype下会切换到“兼容模式”，限制新API的行为。

建议把DOCTYPE改成HTML5的声明，这完全不会破坏你现有HTML4的内容（HTML5向后兼容）：

<!DOCTYPE html>

3. 单一音频格式的兼容性隐患 #

你只提供了.ogg格式的音频，虽然Chrome和新版Edge都支持OGG，但如果用户用的是旧版非Chromium的Edge（比如Edge Legacy），它对OGG的支持并不完善。最好添加一个MP3格式的备用源，覆盖更多场景：

<audio autoplay muted>
  <source src="你的MP3音频地址" type="audio/mpeg">
  <source src="https://upload.wikimedia.org/wikimedia/wikipedia/commons/e/e8/Rule%2CBritannia%21_Instrumental.ogg" type="audio/ogg">
</audio>

浏览器会自动选择它能播放的第一个格式。

4. Edge的本地设置或扩展干扰 #

有些用户可能手动修改了Edge的自动播放权限，或者安装了广告拦截类扩展，直接阻止了媒体播放。你可以在Edge的设置里检查「设置 > 网站权限 > 媒体自动播放」的选项，也可以用无痕模式测试，排除扩展的干扰。

优先排查前两个原因，应该能解决大部分问题。

内容的提问来源于stack exchange，提问作者user1107199