![](https://img-blog.csdnimg.cn/img_convert/d99ab6451539b8535b41b4c89ee16171.png)
用video在移动端遇到,点击导航栏,视频把导航给遮挡住了,差了好多文档。最后终于解决了
百度一堆都是说加x5-video-player-type="h5"属性,其实不然,正确的写法是.
![](https://i-blog.csdnimg.cn/blog_migrate/fc7a20c75814f65d1aa4f4d76f91d2aa.png)
<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>
![](https://i-blog.csdnimg.cn/blog_migrate/3d7873f27667c6a8cabb1b6412320c83.png)
注意: x5-video-player-type="h5不要与x5-playsline同时存在
转自:https://blog.csdn.net/Cold__Star/article/details/109571881