侧边栏壁纸
博主头像
Auok Blog

行动起来,活在当下

  • 累计撰写 104 篇文章
  • 累计创建 201 个标签
  • 累计收到 60 条评论

目 录CONTENT

文章目录

HTML页面audio的autoplay自动播放音乐

faonecze
2022-04-10 / 0 评论 / 0 点赞 / 1582 阅读 / 0 字
温馨提示:
部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

背景

Chrome等浏览器基于安全的策略,于早几年就已经停止自动播放

解决方法

进入页面随便点击一下页面,这样用户和浏览器就产生了交互,可以开启自动播放

HTML部分

<audio preload autoplay loop id="music">
     <source src="/music/bg.mp3" type="audio/mpeg">
</audio>
<script type="text/javascript">
    window.onload = function(){
             setInterval("toggleSound()",1);
        }
    function toggleSound() {
                var music = document.getElementById("music");//获取ID  
                if (music.paused) { //判读是否播放  
                    music.paused=false;
                    music.play(); //没有就播放 
                }    
        }
</script>

实例

实例网站 - 传送阵

扩展链接

HTML原代码加、解密脚本 - 传送阵
JS/HTML格式化 - 传送阵

0
广告 广告

评论区