移动端页面，添加下自动播放背景音乐

Question

在pc端上，我用audio标签可以实现，可是在移动端上打开就没有实现，我在网上找了很多方法，不知道为何一直不生效

Answer 1

<audio src="bg.mp3" id="Jaudio" class="media-audio" autoplay preload loop="loop"></audio>  
function audioAutoPlay(id){  
    var audio = document.getElementById(id),  
        play = function(){  
            audio.play();  
            document.removeEventListener("touchstart",play, false);  
        };  
    audio.play();  
    document.addEventListener("WeixinJSBridgeReady", function () {  
        play();  
    }, false);  
    document.addEventListener('YixinJSBridgeReady', function() {  
        play();  
    }, false);  
    document.addEventListener("touchstart",play, false);  
}  
audioAutoPlay('Jaudio');  

已解决

Answer 2

safari屏蔽了autoplay，需要用户交互触发play()