微信浏览器H5页面自动播放背景音乐

<audio id="audio" src="mp3/back.mp3" autoplay="autoplay">
            当前浏览器不支持audio
</audio>

function initMusic() {
            var audio = document.createElement('audio');
            audio.setAttribute('id', 'audio');
            audio.setAttribute('autoplay', 'autoplay');
            audio.setAttribute('loop', 'loop');
            audio.innerHTML = '<source src="../mp3/back.mp3" type="audio/mpeg">';
            document.body.appendChild(audio);
            audio.load();
            audio.play();
            audio.pause();
            //重点代码如下
            document.addEventListener("WeixinJSBridgeReady", function() {
                document.getElementById('audio').play();
            }, false);
        }
        window.onload = function() {
            initMusic();
        };

1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如遇到加密压缩包，请使用WINRAR解压,如遇到无法解压的请联系管理员！
8. 精力有限，不少源码未能详细测试（解密），不能分辨部分源码是病毒还是误报，所以没有进行任何修改，大家使用前请进行甄别
TP源码网 » 微信浏览器H5页面自动播放背景音乐

分享到：

相关推荐

提供最优质的资源集合