需求场景
最近在做移动端项目中，出现video作为背景的场景。然后就开始了踩坑之旅。首先移动端和桌面端都是禁止视频音频的自动播放的，浏览器都不希望骚扰用户。可是需求都是怎么骚扰用户怎么开心，只能通过hack的方式实现。ios在微信h5中可以通过jssdk实现video的自动播放，android就gg了，没法实现，有位老哥的实现思路比较清奇，通过用户业务上的点击动作模拟视频自动播放，参见
微信浏览器中，安卓手机上，video无法自动播放，是为什么呢？，既然android已经无法实现自动播放，只能退而求其次点击播放了。
解决方案
点击播放android又有坑了，ios端只要添加playsinline webkit-playsinline属性即可不全屏播放，android依旧不行，后来还是参考老哥的代码才发现，在安卓微信h5环境中需要添加x5-video-player-type="h5-page"才能不全屏播放，好冷门的属性啊！！！