Html音量调整

Question

我正在尝试将背景音乐自动播放到我的网站，并开始以10％的音量播放。这是我的代码：

<audio id="bgAudio" autoplay src="music.mp3" volume="0.1"></audio>

这对我不起作用。我在互联网上搜索过其他方式，但没有一个能够工作。任何人都可以帮助我吗？

Answer 1

在定义卷之后，您必须使用Javascript来修改卷，因为音量不是音频标签的有效属性。它应该是IMO，但它不是。试试这个：

<audio autoplay id="bgAudio">
  <source src="music.mp3" type="audio/mpeg">
</audio>

<script>
  var audio = document.getElementById("bgAudio");
  audio.volume = 0.1;
</script>

Answer 2

在Chrome中打开开发者工具（ Ctrl + Shift + I ）并检查控制台选项卡，应该有一些错误消息。似乎问题出在.mp3文件的错误路径上。