微信H5中经常使用到video标签，遇到最大的问题就是禁止全屏播放；
Android版本微信使用的浏览器内核为自家的X5内核，对video标签的处理与标准处理不同
导致在Android手机上的z-index和大小无法控制
IOS平台并无此类问题

Android平台video标签问题

  • z-index属性无效，默认显示在最上层
  • 视频播放时默认全屏播放，无法控制大小

X5内核的默认处理就是这样，但是…！
在开发过程中经常看见人家网站的视频就没有全屏播放、且无控制条等出现
在X5论坛发现，原来腾讯有做域名的验证，有专门的域名白名单.在白名单内的域名则跟标准video标签处理模式一样
链接如下：
可耻的X5 video标签白名单

图片

本文地址： http://gehaiqing.com/2016/07/06/tx-x5-video/