iOS微信小程序webview，ios内嵌H5页面左滑关闭视频或者音频还在播放

最新推荐文章于 2024-07-17 14:46:12 发布

lei_0912

最新推荐文章于 2024-07-17 14:46:12 发布

阅读量1.2k

点赞数

文章标签： ios webview app 移动开发

本文链接：https://blog.csdn.net/lei_0912/article/details/113655071

版权

iOS微信小程序webview，ios内嵌H5页面左滑关闭视频或者音频还在播放

表现

iosAPP中的内嵌H5页面，点击返回按钮或者左滑，音频还在播放

解决办法

可在页面隐藏时，将视频或者音频暂停

var video = document.querySelector('video');
document.addEventListener('visibilitychange', () => {
      // 当页面隐藏时候
      if (document.hidden) {
            // 视频暂停
            video.pause();
      } else {
            // 当页面显示时视频开始播放
            video.play();
      }
 });