IOS系统为了节省用户的流量,禁止了audio标签的自动播放,所以在苹果手机上H5的audio标签不能自动播放,目前我只找到了微信浏览器上的解决办法。
<body>
<audio id="bgmusic" src="audio/9282.wav" loop="loop"></audio>
</body>
<script>
//添加侦听时间,DOM加载完后执行。
document.addEventListener('DOMContentLoaded', function() {
function audioAutoPlay() {
var bgmusic = document.getElementById('bgmusic');
bgmusic.play();
//侦听微信ready事件。
document.addEventListener("WeixinJSBridgeReady", function() {
bgmusic.play();
}, false);
}
audioAutoPlay();
});
</script>
添加了这段代码之后,audio在IOS微信浏览器上就能自动播放了。