H5背景音乐自动播放和暂停

最新推荐文章于 2024-08-01 14:43:06 发布

zhl_cafe_noir

最新推荐文章于 2024-08-01 14:43:06 发布

阅读量8.2k

点赞数 4

分类专栏：前端文章标签： H5 音乐自动播放

本文链接：https://blog.csdn.net/zhl_cafe/article/details/54864515

版权

前端专栏收录该内容

31 篇文章 2 订阅

订阅专栏

在微信里，音乐不能自动播放，为了让其自动播放，通过调用微信接口实现，代码如下：

html：

    <audio id="yy" autoplay preload src="music/bjyy.mp3" loop></audio>

js：

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
    var bjyy=document.getElementById("yy");
    function autoPlayAudio() {
        wx.config({
            debug: false
        });
        wx.ready(function() {
            bjyy.play();
        });
    }
    autoPlayAudio();
</script>

另附完整文件下载地址（包含音乐图标，自动播放和点击暂停）

点击下载文件