两种写法都可以实现:
document.addEventListener("visibilitychange", () => {
if(document.hidden) {
// 页面被挂起,暂停播放
}else {
// 页面呼出
}
});
``
设置页面可见与否:
document.addEventListener('visibilitychange', function () {
// 用户离开了当前页面
if (document.visibilityState === 'hidden') {
console.log("页面不可见");
var music = document.getElementById("play");
music.pause();//暂停
}
// 用户打开或回到页面
if (document.visibilityState === 'visible') {
console.log("页面可见");
var music = document.getElementById("play");
music.load();
music.play();//播放
}
});
实测有效,刚开始测试时,ios还是不行,预测是缓存问题,如果你们在这样编辑的时候发现不行的话,可以过一会儿再测试,ios的缓存时间比较长,即使销毁小程序重新进入也同样会受到缓存影响。
网友评论