iOS微信小程序webview左滑关闭视频或者音频还在播放
现象
iOS微信小程序webview内嵌H5页面,页面里有播放视频的功能,如果视频播放过程中,右滑关闭webview,视频仍然会继续播放,不会停止
解决办法
可在页面隐藏时,将视频或者音频暂停
var video = document.querySelector('video');
document.addEventListener('visibilitychange', () => {
// 当页面隐藏时候
if (document.hidden) {
// 视频暂停
video.pause();
} else {
// 当页面显示时视频开始播放
video.play();
}
});