我们都知道，iOS下的safari是无法自动播放音乐的，那么怎么解决iOS的微信里面，打开的页面自动播放。
答案的关键就是微信的WeixinJSBridgeReady事件。这个是微信自带提供的事件，测试发现，上面说的少部分的机子微信只要做微信ready后执行播放，就可以用代码实现自动播放功能了！
那我们先总结一下，关于音乐自动播放的问题，现在可以分为三种：
1-支持audio的autoplay，大部分安卓机子的自带浏览器和微信，大部分的IOS微信（无需特殊解决）
2-不支持audio的autoplay，部分的IOS微信（本文提供的解决方案）
3-不支持audio的autoplay，部分的安卓机子的自带浏览器（比如小米，开始模仿safari）和全部的ios safari（这种只能做用户触屏时就触发播放了）
首先插入背景音乐代码：
html
javascript
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');
是不是听到声音了呢？！！解决方案就是这么简单实用。
切图网，我们不套路，我们讲思路。授人以鱼不如授人以渔。
2017年最后一波优惠活动开始啦，双旦期间报名者可均可享受优惠活动。
详情请咨询qq： 6135833
-----------------------------------------------------------------------------
培训咨询qq：6135833
前端交流群：308736107