本篇教程探讨了HTML5教程 在iOS微信浏览器中如何自动播放HTML5 audio，希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通 。

<

html>

AutoplayhtmlaudioiniOSWeChatInAppBrowsertherightway

在iOS微信浏览器中自动播放HTML5audio(音乐)的正确方式

核心原理:在微信的JS-API中play一下audio即可达到自动播放的目的(应该是微信自己做了处理)

//方法1:现在微信官方已经推出了微信JS-SDK,最好还是不要使用"野生"方式,因为不知道什么时候就可以不能用了!

//http://mp./wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

//通过config接口注入权限验证配置后,在ready中play一下audio

functionautoPlayAudio1(){

wx.config({

//配置信息,即使不正确也能使用wx.ready

debug:false,

appId:‘‘,

timestamp:1,

nonceStr:‘‘,

signature:‘‘,

jsApiList:[]

});

wx.ready(function(){

document.getElementById(‘bgmusic‘).play();

});

}

//方法2:"野生"方法,借用原来老的WeixinJSBridge

functionautoPlayAudio2(){

window.onload=function(){

//alert(typeofWeixinJSBridge);

WeixinJSBridge.invoke(‘getNetworkType‘,{},function(e){

//在这里拿到e.err_msg,这里面就包含了所有的网络类型

//alert(e.err_msg);

document.getElementById(‘bgmusic‘).play();

});

};

}

//大家或多或少都知道iOSSafari不允许自动播放audio,可能已经被坑过了,

//但微信内嵌的浏览器应该是做了一些定制化,允许自动播放audio.

//测试了以下机型在微信内嵌浏览器中仅需设置audioautoplay即可自动播放(audio)音乐,无需特殊处理.

//*iPhone5iOS7.0.6WeChat6.2

//*iPhone5siOS8.1.2WeChat6.3.7

//*iPhone6PlusiOS8.1.3WeChat6.3.7

//*MI1SAndroid4.1.2WeChat6.3.7

//

//但是当手机是iPhone6siOS9.1WeChat6.3.7时,必须做如下特殊处理才能在微信中自动播放(audio)音乐,

//我可以推测是iOS9的兼容性问题么?

//

autoPlayAudio1();//推荐使用方法1

//autoPlayAudio2();//也可以试一试方法2

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML5/CSS3频道！