前段时间做了个需求，h5点击按钮全屏播放视频，不播放的时候不现实video界面。
先把video加上display:none, js触发video全屏播放就可以显示然后播放，退出全屏暂停播放，隐藏video。
chrome和safari都支持webkitFullScreen 这个api,所以这个功能都安卓和ios手机上没问题。搞定，美滋滋。
后来测试跟我说pc chrome上播放不了，全屏了，视频画面没有，有声音，控制台无报错,手机浏览器没问题（测试的电脑是chrome 69）
开发HTML5 webapp时经常需要使用本地存储，如localStorage和sessionStorage存储一些数据，相比最多能存4k的cookie相比，用起来很好用。 但是localStorage在iOS Safari、chrome和UC浏览器中的隐私模式（也叫无痕模式）下无法使用,代码执行不下去，手机Safari浏览器中具体表现是：
cursor:pointer样式, 其他祖先元素对目标元素进行监听不用设置
如下代码在ios上面是无效的// 在ios上面无效，安卓有效，pc chrome有效，ios上面改成监听touchend事件即可
document.body.addEventListener('click',function (ev){
console.log(ev)；
});