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