微信h5开发audio标签无法自动播放的解决方法

最新推荐文章于 2025-03-11 16:51:32 发布

下一页天空

最新推荐文章于 2025-03-11 16:51:32 发布

阅读量3k

点赞数

分类专栏： JavaScript HTML5 微信

本文链接：https://blog.youkuaiyun.com/u013813491/article/details/80715598

版权

JavaScript 同时被 3 个专栏收录

1 篇文章

订阅专栏

HTML5

1 篇文章

订阅专栏

微信

1 篇文章

订阅专栏

本文介绍了一种在微信环境中实现音频自动播放的方法。通过一段JavaScript代码，能够检测当前环境是否为微信，并在确认后调用微信JSBridge接口实现音频的自动播放功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

添加这段js即可：

<script type="text/javascript">
    function autoPlay(f){
        "MicroMessenger" == navigator.userAgent.match(/MicroMessenger/i)?("object" == typeof WeixinJSBridge ?  WeixinJSBridge.invoke("WeixinJSBridgeReady", {}, function() {
            f();
            document.getElementById('bee').play();
            document.getElementById('bee').pause();
        }):document.addEventListener("WeixinJSBridgeReady", function() {
            f();
            document.getElementById('bee').play();
            document.getElementById('bee').pause();
        }, !1) ):f();
    };

    autoPlay(function(){

    });
</script>