ios html5后台运行,H5背景音乐自动播放(兼容微信IOS，进程后台切换自动停止播放，本文例子为Vue写法)...

export default {

data() {

return {

playFlag: true,

playImg: require('../../static/play.png'),

pauseImg: require('../../static/pause.png'),

clickMusicBtn: false

}

},

mounted() {

this.audioAutoPlay('bgMusic');

document.addEventListener("visibilitychange", (e) => { // 兼容ios微信手Q

if (this.clickMusicBtn) { // 点击了关闭音乐按钮

if (this.playFlag) {

this.audioAutoPlay('bgMusic');

this.playFlag = true;

} else {

this.audioPause('bgMusic');

this.playFlag = false;

}

text.innerHTML = e.hidden;

if (e.hidden) { // 网页被挂起

this.audioAutoPlay('bgMusic');

this.playFlag = true;

} e