移動端默認是禁止背景音樂自動播放的,不少需求都須要在頁面加載完成的狀況下同時出現背景音樂。html
既然是微信h5,那麼wx.config確定不陌生,廢話很少,直接上代碼:api
html:
<audio src="../audio/one.mp3" id="audioPlay"></audio>
js:
wx.config({ debug: false, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來 appId: data.configMap.appId, // 必填,公衆號的惟一標識 timestamp: data.configMap.timestamp, // 必填,生成簽名的時間戳 nonceStr: data.configMap.nonceStr, // 必填,生成簽名的隨機串 signature: data.configMap.signature,// 必填,簽名,見附錄1 jsApiList: [ "onMenuShareTimeline",//分享朋友圈接口 "onMenuShareAppMessage"//分享給朋友接口 ] // 必填,須要使用的JS接口列表,全部JS接口列表見附錄2 });
wx.ready(function(){
var audio = document.getElementById("audioPlay");
audio.play()
})
wx.config配置成功以後執行wx.ready,在ready裏讓音樂播放就能夠達到自動播放的要求,遺憾的是這個方法只能讓音樂自動播放,視頻仍是須要觸發才能自動播放...微信