修复 HTML 自动播放问题。不适用于 JS 或应用静音属性时

Question

我几个月来一直在尝试向我的网站添加背景音乐，它曾经可以使用

iframe

并嵌入 YouTube，但现在不再自动播放。 我整个上午都在寻找这个问题，但没有结果。它仅在用户与其交互时才开始工作，这在我的情况下是不可取的。

所有解决方案都归结为将音频静音，然后使用 JavaScript 播放。

下面是代码：

<audio controls autoplay muted>
    <source src ="audio.mp3">
</audio>

<script>
  var audio = document.querySelector("audio");
  audio.muted = true;
  audio.play(); 
  audio.muted = false;
</script>

我尝试了很多变体，比如不尝试使用 JavaScript，而只是取消静音。

<audio controls autoplay muted>
    <source src ="audio.mp3">
</audio>

<script>
  audio.muted = false;
</script>

我尝试了多种不同的方法，但无法让音频自动播放。无论我尝试什么。我该如何解决这个问题？

Answer 1

也许你可以检查 getAutoplayPolicy()

https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getAutoplayPolicy

我认为这始终是一种方法：

function PlayMusic() {

  var play=document.getElementById("music");
  play.play();
}

$(document).ready(function(){
  setTimeout(PlayMusic,3000);
})