即使使用静音属性,html 和 js 的自动播放也不起作用

问题描述 投票:0回答:1

我几个月来一直在尝试在我的网站上添加背景音乐广告,它曾经可以使用 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>

但是音频甚至无法自行播放。这个问题有没有解决办法?

javascript html audio html5-audio autoplay
1个回答
0
投票

也许你可以检查 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);
})
© www.soinside.com 2019 - 2024. All rights reserved.