网站背景音频无法立即播放

Question

我想在主页加载后立即播放背景音乐。会发生这种情况，但由于某种原因，它只会在 8 - 10 秒后播放。

而且我似乎无法降低音量。这是我的代码：

<audio src="music/ItaloBrothers - Summer Air (Official Video).mp3" id="my_audio" loop="loop"></audio>
<script type="text/javascript">
  setTimeout(function(){
    document.getElementById("my_audio").play();
    console.log('your audio is started just now');
  }, 1000)
</script>

Answer 1

您不需要编写脚本，只需将

autoplay

属性添加到音频标签即可。 如果您希望在脚本中添加此内容，请将其添加到

document.onload()

事件中。

Answer 2

<audio src="music/ItaloBrothers - Summer Air (Official Video).mp3" id="my_audio" loop="loop"  autoplay controls></audio>

您必须添加“控件”来获取音频控制按钮，并使用“自动播放”在网站加载时自动播放音频。 \

Chrome 不支持自动播放

Answer 3

像这样添加

autoplay

：

<audio autoplay src="music/ItaloBrothers - Summer Air (Official Video).mp3" id="my_audio" loop="loop"></audio>

或者试试这个：

<audio autoplay>
  <source src="music/ItaloBrothers - Summer Air (Official Video).mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

Answer 4

我的背景音乐在托管后可以在我的笔记本电脑上播放，但不能在移动设备上播放我不知道问题是什么，这是我的代码