其他分享
首页 > 其他分享> > 移动端 video播放器层级过高,遮挡住其他内容

移动端 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

标签:播放器,遮挡住,h5,player,video,type,x5
来源: https://www.cnblogs.com/cyhsmile/p/14026934.html