如何在HTML中实现音频自动播放？网页音频自动播放失效求助

先梳理你代码里的问题，对应修改后就能解决：

• 媒体类型不匹配：第一个<source>的type写的是audio/ogg，但你的文件是mp3格式，浏览器会直接忽略这个无效源，建议删掉该条或者修正类型。
• 浏览器自动播放策略限制：现在主流浏览器都默认阻止有声自动播放，必须配合muted属性才能触发自动播放；如果需要声音，可以提供按钮让用户手动开启。
• 文件名不规范：文件名里的空格和连续点可能导致路径解析异常，建议改成无空格的命名，比如Welcome-to-Kitchen-Nightmares.mp3。

修改后的代码示例：

<audio id="myAudio" autoplay muted>
  <source src="./Welcome-to-Kitchen-Nightmares.mp3" type="audio/mpeg">
</audio>
<script>
  // 新增手动取消静音的函数
  function unmuteAudio() {
    const audio = document.getElementById("myAudio");
    audio.muted = false;
  }
</script>
<!-- 页面添加交互按钮供用户开启声音 -->
<button onclick="unmuteAudio()">开启声音</button>

另外你原脚本只是获取autoplay属性的设置值，这个值仅代表你声明了自动播放，不代表浏览器会执行——因为浏览器会根据自身策略拦截未交互的有声自动播放。

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