用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; 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