做了一個(gè)H5頁(yè)面镇草，需要一個(gè)mp3做為背景音樂厉萝，在PC端調(diào)試沒問題恍飘，然后用手機(jī)掃碼打開結(jié)果就不能循環(huán)播放榨崩，記錄踩過的坑
- 最開始是這樣的
<audio src="music.mp3" autoplay="autoplay" class="music-audio" id="audio" loop="loop"></audio>
PC端沒問題，無限循環(huán)播放常侣，可是手機(jī)端就只播放一遍蜡饵，各種度娘~~~，終于找到方法胳施，如下
<script>
$(function(){
var myAudio = document.getElementById('audio');
myAudio.addEventListener('ends',loopAudio,false);
})
function loopAudio(){
var myAudio = document.getElementById('audio');
myAudio.play();
}
</script>
以為搞定了溯祸，準(zhǔn)備去交付，突然發(fā)現(xiàn)舞肆，android系統(tǒng)的循環(huán)播放沒問題焦辅，ios的壓根不出聲了，繼續(xù)找萬能的度娘椿胯，因?yàn)橥掠玫氖莙q里面直接打開筷登，猜測(cè)是不是因?yàn)閝q/微信內(nèi)嵌的瀏覽器問題，嘗試解決
<script>
document.addEventListener('DOMContentLoaded',
function () {
function audioAutoPlay() {
var audio = document.getElementById('audio');
audio.play();
document.addEventListener("WeixinJSBridgeReady",
function () {
audio.play();
},
false);
}
audioAutoPlay();
});
</script>
測(cè)試一下哩盲，OK前方，android、IOS果然都可以了廉油，略坑爹啊
