html自动播放在chrome中无法正常工作答案

【问题标题】：html autoplay not working properly in chromehtml自动播放在chrome中无法正常工作
【发布时间】：2021-08-02 18:34:34
【问题描述】：

当我尝试在 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>

【问题讨论】：

标签： javascript html google-chrome audio web-deployment

【解决方案1】：

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

见：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>

【讨论】：

【解决方案2】：

不允许自动播放声音。所以必须静音。同样对于视频，您必须将其静音，否则不会播放视频。所以它也将与音频一起使用。也许您必须添加一个按钮，说明他们必须单击它才能听到声音？

【讨论】：