X5内核的坑
关于video，h5目前主流的环境大概分安卓、iOS、腾讯X5三个阵营，实际上远不止这三家，这么分的原因是因为X5最特殊。个人很不喜欢X5针对video有点反人类的改造！具体表现有以下几点：
- video的层级z-index默认是最顶层，会盖住所有元素；
- video默认的poster缩略图废了，变成了X5自定义的黑色底+中间大圆形的播放按钮；
- 自动播放被阉了，目前国际标准是只要符合2类条件就可以自动播放：一类是手工产生触屏或点击事件之后执行
video.play();可实现，不要求wifi环境；二是WiFi环境下，把video设置静音后autoplay可自动生效。但是，X5都不支持
…
适配
网上找了很多资料下面把汇总的精华部分记录下：
# IOS微信浏览器支持小窗内播放
playsinline="true"
# 这个属性是ios 10中设置可以让视频在小窗内播放，也就是不是全屏播放
webkit-playsinline="true"
# 使用AirPlay播放视频的方式
x-webkit-airplay="true"
# x5内核支持小窗内播放
x5-playsinline="true"
# x5内核video展示方式
x5-video-player-type="h5"
# 播放器的方向，landscape横屏，portraint竖屏，默认值为竖屏
x5-video-orientation="h5"
# X5内核全屏播放方式，设置为 true 是防止横屏
x5-video-player-fullscreen="false"
