解决iOS h5 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 = '';
    
    //将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();
};

你可能感兴趣的:(Web/H5/小程序,h5,audio,iOS,audio,audio自动播放,h5,audio自动播放)