微信瀏覽器安卓手機video浮在最上層問題

微信瀏覽器安卓手機video浮在最上層問題

//x5-video-player-type="h5" x5-video-player-fullscreen="true" 

<video id="video" src="http://200011112.vod.myqcloud.com/200011112_733d3cea0f8a11e7afae899fa40866b8.f0.mp4" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="background: rgb(0, 0, 0); width: 102.2%; height: 569px; margin-top: -1px; margin-left: -1.1%; margin-right: -1.1%;" id="video" loop="loop" width="100%" preload="auto" poster="" webkit-playsinline="true" playsinline="true" x-webkit-airplay="true" controls="controls"></video>

 

 

在微信瀏覽器裏面使用video標籤，會自動變成全屏，改爲下面就行了，起碼能夠在video標籤之上加入其餘元素。

 <video id="videoID"webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true"x5-video-player-type="h5"x5-video-player-fullscreen="true"width="100%" height="100%"preload="auto"  poster="" src="">

 </video>

 

還有個問題，在Android的微信裏面，就算加上了上面的屬性，還會出現上下有黑邊，不能全屏的問題。

解決辦法：給video加上object-fit: fill;的style屬性。