判断当前页面的可见性——visibilitychange属性的应用

前段时间需要写一个程序的demo，演示给领导，写起来是简单，但是没想到微信那边对小程序的审核卡得很严，因为涉及到视频播放====各种改小程序类型，两个小程序分别提交同一套代码，提交了好几次，最后终于是给我过了一次.。。最后不得不考虑改为小程序web-view内嵌h5页面，虽说小程序的api里面关于视频播放的还是挺好使的，但是代码审核就是个大坑。找了https的服务器，配置白名单(域名对应的服务器上传授权文件好麻烦)，ok
终于搞定了，在h5页面终于随心所欲的耍。。。没想到出现了一个很尴尬的事情，领导给我打电话，我居然还可以听到那头h5页面播放视频的声音，小程序切到后台了，视频还在播放，哈哈哈
=.=

突然找到了 HTML5新提供的一个api，作用是记录当前标签页在浏览器中的激活状态。所谓“激活状态”指当前标签是否正在被用户浏览。

---

• 当小程序被换至后台得时候 视频暂停播放
• 其实短信验证码倒计时也可以用到这个，短信验证码倒计时50S时候，手机锁屏，这个时候我们得js脚本是没有运行，当我们再次解锁的时候，短信验证码还是从50S开始计算的，实际上短信验证码的有效期肯定是没有50S的，这样可能就会出现问题，当用户继续操作的时候，会报错，短信验证码已超时。

   值得注意的是 该属性 ios 7.1及以上都支持  安卓是从4.4开始支持的