本文共 515 字，大约阅读时间需要 1 分钟。
需求：当我们页面上正在播放视频或者播放背景音乐时，我们屏幕自动息屏或者切换程序去看消息时，我们希望暂停视频或背景音乐，回到程序我们希望继续播放视频或播放背景音乐。
小程序上提供了 onUnload返回 onHide退出 onShow重新进入等生命周期，h5提供了一个visibilitychange，可以帮我们监测这种情况。document.addEventListener("visibilitychange", () => { if (document.hidden) { audio.pause() video.pause() } else { setTimeout(() => { bgMusic.play() video.play() }, 2000) }}); 关于2s延时：在测试中发现，当回到页面后100%会执行else 但已知在IOS上只是息屏else里的play事件能执行成功，但如果是点击home键或者切换到其他程序则需要加2000延时才可以成功执行播放事件。具体机制不太清楚，如果有哪位大神指导其中缘由请指教。
来源：
转载地址：http://yityo.baihongyu.com/