微信浏览器H5页面自动播放背景音乐
最近遇到一个需求
一个文章详情页(图文结合)
进入页面后自动播放背景音乐
正常用video标签后安卓打开后是自动播放的
但是ios是不支持自动播放的
经过不懈努力的百度百度再百度
HTML:
<audio id="audio" src="mp3/back.mp3" autoplay="autoplay">
当前浏览器不支持audio
</audio>
JS:
function initMusic() {
var audio = document.createElement('audio');
audio.setAttribute('id', 'audio');
audio.setAttribute('autoplay', 'autoplay');
audio.setAttribute('loop', 'loop');
audio.innerHTML = '<source src="../mp3/back.mp3" type="audio/mpeg">';
document.body.appendChild(audio);
audio.load();
audio.play();
audio.pause();
document.addEventListener("WeixinJSBridgeReady", function() {
document.getElementById('audio').play();
}, false);
}
window.onload = function() {
initMusic();
};