解决微信页面背景音乐无法自动播放的方法汇总

　　最近的懒友开发项目，又发现了一个头疼的问题。部分的iOS微信，打开有自动播放背景音乐的页面没有声音！最头疼的是这个问题出现做同款机子，相同的iOS系统，相同的微信版本！但是就是部分没有音乐的。下面总结下面所有方法：

　　1.不支持audio的autoplay，部分的IOS微信（本文提供的解决方案）

　　2.不支持audio的autoplay，部分的安卓机子的自带浏览器（比如小米，开始模仿safari）和全部的ios safari（这种只能做用户触屏时就触发播放了）

　　3.支持audio的autoplay，大部分安卓机子的自带浏览器和微信，大部分的IOS微信（无需特殊解决）

<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');

模板简介：该模板名称为【解决微信页面背景音乐无法自动播放的方法汇总】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【公众号教程】栏目查找您需要的精美模板。