html背景音乐在谷歌浏览器里无法自动播放

html在谷歌浏览器的背景音乐怎么做才能自动循环播放

chrome,有声音的不允许自动播放,视频的话可以muted静音后自动播放,需要和用户交互后如点击页面后才会播放。可以给document添加click事件执行播放操作,不过不点击就没搞头了。。鼠标移动事件不算交互动作,调用play会出错。

<audio src="music.mp3" loop autostart id="music" controls></audio>
<script>
    function playMusic() {
        music.play();//移除事件
        document.removeEventListener('click', playMusic);
    }
    document.addEventListener('click', playMusic);
</script>

 

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

可以参考这篇文章,希望对你有帮助:HTML页面背景音乐自动循环播放_zhangvalue的博客-CSDN博客_html背景音乐自动播放

现在浏览器都不让自动播放了,我之前做用js模拟点击也不管用,谷歌的话应该可以通过设置允许网站播放声音实现chrome://settings/content/sound