网上很多资料,我也是一一试过的,只有这个有用,不知道具体原因
点击播放和暂停
<button class="mdui-fab mdui-fab-fixed mdui-fab-mini mdui-ripple mdui-color-white" onclick="bgmusic();" style="top: 16px; bottom: auto"><i class="mdui-icon material-icons sping" id="bgmusic">music_note</i></button>
<audio id="bgaudio" loop="loop" preload="auto" autoplay="autoplay">
<source src="{$info['music_url']}" type="audio/ogg" />
<source src="{$info['music_url']}" type="audio/mp3" />
</audio>
var bgaudio = document.getElementById('bgaudio');
function bgmusic(){
if(bgaudio.paused){
bgaudio.play();
$("#bgmusic").addClass("sping");
}else{
bgaudio.pause();
$("#bgmusic").removeClass("sping");
}
}
自动开始播放
<script>
var audio=document.querySelector("#bgaudio");
document.addEventListener("WeixinJSBridgeReady",function(){
audio.play();
},false);
</script>