H5 video在移动端播放层级问题


 <video class="videoItem" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" :src="item.photoUrl" x5-video-player-fullscreen="true" controls="controls" type="video/mp4"></video>


Android的微信里面,就算加上了上面的属性,还会出现上下有黑边,不能全屏的问题。

解决办法:给video的style属性加上object-fit: fill;

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM