时间戳

首页 > 解决方案 > html自动播放在chrome中无法正常工作

javascript - html自动播放在chrome中无法正常工作

问题描述

虽然我试图在 chrome 中自动播放一首歌曲，但它不起作用。我尝试使用 JavaScript 仍然得到同样的错误。

function myFunction() {
  var x = document.getElementById("myAudio").autoplay;
  document.getElementById("demo").innerHTML = x;
}

myFunction();
<audio id="myAudio" controls autoplay>
  <source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mp3">
  Your browser does not support the audio element.
</audio>

<div id="demo"></div>

标签： javascripthtmlgoogle-chromeaudioweb-deployment

解决方案

在大多数浏览器中，您只能使用带静音属性的自动播放

请参阅：https ://www.w3schools.com/tags/att_audio_autoplay.asp

注意：在大多数情况下，Chromium 浏览器不允许自动播放。但是，始终允许静音自动播放。

所以这样的事情应该有效：

<audio id="myAudio" controls autoplay muted>
  <source src="horse.mp3" type="audio/mp3">
  Your browser does not support the audio element.
</audio>

推荐阅读