如何使用<audio>标签自动播放音乐(不能与<audio autoplay =“”>一起使用)

时间:2018-12-01 01:54:01

标签: html

<!DOCTYPE html>
<html>
<body>

<audio id="myAudio">
<source src="punch-high1.mp3" type="audio/mpeg">
</audio>

<script>
var x = document.getElementById("myAudio");

x.loop = true;
x.autoplay = true;
x.load();

</script> 
</body>
</html>

这是我当前用来测试带有音频标签的自动播放的代码。但是它不起作用,我已经用w3schools的horse.mp3对其进行了测试,并使其完全匹配此代码,但是当我修改了w3schools的代码时,此代码仍然不起作用。而且我尝试在第一个音频标签中使用自动播放功能,但这是行不通的。

1 个答案:

答案 0 :(得分:0)

Chrome 66更新后,您需要手动更改Chrome设置,以便自动播放正常工作。

要遵循的步骤:

  1. 在URL中输入chrome://flags/#autoplay-policy
  2. 在下拉菜单中,选择“ 不需要用户手势”。
  3. 重新启动Chrome。

P.S .:您不需要在代码中使用x.load()语句。