解决移动端视频层级最高的问题，修改video属性

原文链接

 

1.安卓端下的video标签播放时会被浏览器接管。此时已经脱离了文档流，并且与文档已经非同层了，所以设置z-index是无效的。
2.安卓下qq的x5内核浏览器，提供了相关属性。分别为：x5-playsinline：行内播放。x5-video-player-type="h5"：播放层级为文档层级。

参考

 

 x-webkit-airplay="allow"
 x5-video-player-type="h5"　启用H5播放器,是wechat安卓版特性
 x5-video-player-fullscreen="true"　全屏设置，设置为 true 是防止横屏
 x5-video-orientation="portraint"　播放器支付的方向，landscape横屏，portraint竖屏，默认值为竖屏
 webkit-playsinline="true"　这个属性是ios 10中设置可以让视频在小窗内播放，也就是不是全屏播放
 playsinline="true"　IOS微信浏览器支持小窗内播放
--------------------- 
作者：羽筠 
来源：CSDN 
原文：https://blog.csdn.net/qq_16494241/article/details/62046891 
版权声明：本文为博主原创文章，转载请附上博文链接！