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

      发布在:前端技术      评论:0 条评论
<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();
        };


相关文章
热门推荐