北京 上海 广州 深圳 成都 杭州 南京 天津 武汉 重庆 微信视频是我在开发一个微信网站的时候遇到的一个问题，相信有很多人遇到过，所以记录一下，方便下次遇到类似的问题时可以快速排查。

根据客户要求，一个页面里的视频要求不影响页面加载速度，页面加载以后就要播放，播放完毕以后要把视频隐藏掉。觉得没有啥问题，就和客户说可以了，然后就可是写。

为了不影响网页加载速度，使用了js把视频video插入页面，然后写了一个监控，播放视频，等视频播放完毕，在把视频隐藏，一切看起来很完美，本地测试也没有问题，线上测试也很好，可是发给客户就不行了，页面加载视频不播放，点击视频播放直接全屏播放，而且播放过程中视频还会遮挡到别的弹窗。和客户沟通了半天，才知道客户是直接在微信中打开的，知道了以后直接先百度问题，随便找了一个，用同事的果X看了一下，除了不能自动播放，其他的都没有问题了，然后继续上网找答案，偶然发现微信官方文档里面说，视频播放必须要点击动作才能触发播放，无奈，和客户沟通了一下，等待客户反馈。结果是安卓手机全屏播放，会遮挡弹窗，苹果手机已经正常了。

说到这的时候，有一点小奔溃了，查看了官方文档《X5内核视频之问答汇总》X5内核视频在用户点击后默认会进入全屏播放，前端可以设置video的x5-playsinline属性来将视频限定于网页内部播放，这个说的很详细，

按照文档处理了一下，用自己的安卓手机试了一下，没毛病，同事却反馈苹果不行了。当时就傻眼了，返回仔细看了一下文档，才发现安卓和苹果是有区别的，安卓用的是X5浏览器内核，苹果的不是，无奈，只好在js里加了一个判断，判断用户手机是苹果还是安卓的，分开操作。再次测试，两端都通过了，终于舒了一口气。


代码先贴出来，写的比较糙,欢迎大家批评指点