解決微信瀏覽器video全屏的問題及黑邊問題
阿新 • • 發佈:2019-02-12
這是蘋果和安卓在微信上的效果圖:
<video src="./mp4/v1.mp4" x5-video-player-type="h5" id="player" height="100%" width="100%" webkit-playsinline playsinline x5-playsinline x5-video-player-fullscreen="true">
your browser does not support the video tag
</video>
還有個問題,在android的微信裡面,就算加上了上面的屬性,還會出現上下有黑邊,不能全屏的問題。所以需要設定:object-fit: fill
#player{
position: absolute;
z-index: 1;
margin: 0;
padding: 0;
object-fit: fill;
}