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

iOS微信小程序webview，ios内嵌H5页面左滑关闭视频或者音频还在播放表现iosAPP中的内嵌H5页面，点击返回按钮或者左滑，音频还在播放解决办法可在页面隐藏时，将视频或者音频暂停var video = document.querySelector('video');document.addEventListener('visibilitychange', () => {// 当页面

lei_0912

1166人浏览 · 2021-02-04 16:46:09

lei_0912 · 2021-02-04 16:46:09 发布

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

表现

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

解决办法

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

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