微信浏览器H5页面自动播放背景音乐

微信浏览器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();};