解决H5 audio自动播放无效问题（应用于一切环境的一切浏览器）

最新推荐文章于 2024-05-31 22:11:41 发布

城南望余雪

最新推荐文章于 2024-05-31 22:11:41 发布

阅读量3.1k

点赞数 4

分类专栏：前端文章标签： html5 javascript

本文链接：https://blog.csdn.net/weixin_45987577/article/details/123894303

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

通过查询多个文档改了很多的script但是还是没有用的，以下方法暴力简单

这个办法需要用户点击了页面才会自动播放音乐。

<audio id="bgmusic" src="http://music.163.com/song/media/outer/url?id=1851244378.mp3" autoplay="autoplay" loop="loop" style="display: block; width: 3%; height:3%;"></audio>
    <script type="text/javascript">
  function toggleSound() {
            var music = document.getElementById("bgmusic");//获取ID
                console.log(music);
                console.log(music.paused);
            if (music.paused) { //判读是否播放
                music.paused=false;
                music.play(); //没有就播放
            }

        }
setInterval("toggleSound()",1);
</script>