在微信公众号里面实现背景音乐自动播放,发现使用autoplay之后只有Android端起效,苹果手机不能自定播放,解决方法如下所示:
HTML:
<!-- 背景音乐 -->
<audio id="bgmusic" src="<?php echo CDN_URL; ?>/audios/test.mp3" autoplay="autoplay" loop="loop"></audio>
JS:
document.addEventListener('DOMContentLoaded', function () {
function audioAutoPlay() {
var audio = document.getElementById('bgmusic');
audio.play();
document.addEventListener("WeixinJSBridgeReady", function () {
audio.play();
}, false);
}
audioAutoPlay();
});
if (/i(Phone|P(o|a)d)/.test(navigator.userAgent)) {
$(document).one('touchstart',
function(e) {
$('#bgmusic').get(0).touchstart = true;
$('#bgmusic').get(0).play();
return false;
});
}