2021-02-02

移动端视频置于最顶层问题

移动端页面内有视频（video），一下安卓手机会将视频浮在最顶层，包括置于遮罩顶部，使用z-indx 无效

<video
     width="100%"
　　　height="5rem"  
     controls  /*播放控件*/  
     webkit-playsinline="true"  /*ios 10中设置可以让视频在小窗内播放，也就是不是全屏播放*/  
     x-webkit-airplay="true" 
     playsinline="true"  /*IOS微信浏览器支持小窗内播放*/ 
     x5-video-player-type="h5" /*启用H5播放器,是wechat安卓版特性*/
     x5-video-orientation="h5" /*landscape横屏，portraint竖屏，默认值为竖屏*/
     x5-video-player-fullscreen="true" /*全屏设置，设置为 true 是防止横屏*/
     preload="auto" /*页面加载完成后载入视频*/ 
</video>