移动端 video播放器层级过高，遮挡住其他内容

 

用video在移动端遇到，点击导航栏，视频把导航给遮挡住了，差了好多文档。最后终于解决了

百度一堆都是说加x5-video-player-type="h5"属性，其实不然，正确的写法是.

 

 

<video  class="video-js vjs-default-skin vjs-big-play-centered" x-webkit-airplay="true"  webkit-playsinline="true"  x5-video-player-type="h5" x5-video-orientation="portraint" controls preload="auto" style="object-fit:fill; width:100%; height: 194px;border-radius: 5px;overflow: hidden;" data-setup='{}'>      
                    <source id="source" src="https://video.shenxuanche.com/transcode_sxc_42dbdef6-68e5-a606-a562-dfe8b4e478e7_720p.mp4">  
                </video> 

 

 

 注意： x5-video-player-type="h5不要与x5-playsline同时存在

转自：https://blog.csdn.net/Cold__Star/article/details/109571881