手机端弹窗覆盖不了video，怎么解决

·video层级问
　　问题现象：点击登录弹窗可以正常显示，在点击播放视频后，video层级变成了最高级，再次点击登录弹窗被video遮挡了，无论怎么给登录弹窗z-index都无法正常显示弹窗。
解决办法

1.给视频 标签加上 displye none ，弹窗展示，视频隐藏，

 

  document.getElementById('videoss').style.display="none"; 
  

缺点就是 暂停的时候无法显示播放器， 例如暂停的那一帧画面显示不了
2. 微信中 在使用video标签时可以加上 x5-video-player-type='h5-page’的属性，这时就把H5中的video就启用了同层H5播放器，这样就可以调整video、弹窗等层级的显示

 <video
  id="player"
  controls={true}
  width="100%"
  height="100%"
  x5-video-player-type="h5-page" // 启用同层H5播放器
  x5-video-orientation="landscape|portrait" // 视频跟着手机自动旋转
>
  <source src={videoUrl} type="video/mp4" />
</video>

3.可以控制弹窗，在视频下方，但是可能不好看，调整弹窗的样式。