小程序web-view:退出时,H5中video在IOS仍在播放

两种写法都可以实现:

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的缓存时间比较长,即使销毁小程序重新进入也同样会受到缓存影响。

推荐阅读更多精彩内容