解决iOS h5 audio自动播放（亲测有效）_h5 document.createelement('audio')

微信H5页面，实现audio自动播放：

function initMusic() {
	//动态创建一个audio节点
    var audio = document.createElement('audio');
    audio.setAttribute('id', 'audio');
    audio.setAttribute('autoplay', 'autoplay');
    audio.setAttribute('loop', 'loop');
    audio.innerHTML = '<source src="configs/play.mp3" type="audio/mpeg">';
    
    //将audio节点追加到dom
    document.body.appendChild(audio);
    audio.load();
    
	//iOS Safari可能是出于防止骚扰用户的考虑，首次非用户触发的play不会生效
    audio.play();
    audio.pause();
    
    document.addEventListener("WeixinJSBridgeReady", function () {
    	//微信H5环境，监听WeixinJSBridgeReady事件，再次进行play
    	//亲测iOS 微信H5页面能够自动播放
        document.getElementById('audio').play();
    }, false);
}

window.onload = function() {
	//初始化一段音乐，并直接进行播放
    initMusic();
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27