背景音频不会自动播放

Question

我正在尝试在我的网站上播放背景音乐，但音频文件在通过 URL 栏连接时不会自动启动，只有在使用来自其他网站的链接时才会自动启动。我在网站正文中使用它：

<audio src="music.mp3"></audio>
<script>
  window.addEventListener("DOMContentLoaded", event => {
  const audio = document.querySelector("audio");
  audio.volume = 0.3;
  audio.play();
  });
</script>

有什么建议可以解决这个问题吗？

Answer 1

您可以在音频 html 标签中使用自动播放属性。例如

<audio controls autoplay>
  <source src="music.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>