]最外面一層是這個video容器的寬高，我是讓它充滿整個頁面的。可是播放的時候只有視頻中間那塊大小，旁邊留有較大黑邊，特別難看。怎么讓螢屏充滿整個video容器。一開始視頻預覽圖的時候也是，留有黑色空白。真心丑。求教怎么解決
uj5u.com熱心網友回復：
截圖貼出來看看！www.xttblog.com
www.codedq.net
uj5u.com熱心網友回復：
這個不太清楚，不過一般類似的js組件會自帶全屏功能，你仔細查檔案，我用的jwplayer默認就有全屏組件可以使用uj5u.com熱心網友回復：
貌似有個fullscreen的介面可以實作，不過存在兼容問題吧uj5u.com熱心網友回復：
全屏myPlayer.enterFullScreen();
離開全屏
myPlayer.enterFullScreen();
uj5u.com熱心網友回復：
樓主怎么解決的。。。我也遇到這個問題呢uj5u.com熱心網友回復：
video標簽有一個很操蛋的屬性就是，寬和高中的其中一個屬性碰到了父級盒子的邊緣，那video就不在自適應或者遵循CSS的樣式，解決方法，只給width：100%；不要高度屬性
uj5u.com熱心網友回復：
樓主怎么解決的？uj5u.com熱心網友回復：
6樓正解，多謝uj5u.com熱心網友回復：
在video標簽外嵌套一個div標簽，在該標簽里控制視頻的大小style="width:500px; height:500px"，在video標簽里添加 style="object-fit: fill; width: 100%; height: 100%" 此時視頻就會平鋪寬高為500px的播放視窗
<div style="width: 500px; height: 500px">
<video style="object-fit: fill; width: 100%; height: 100%">
</video>
</div>
uj5u.com熱心網友回復：
求教video.js如何顯示下載按鈕，點擊下載后把視頻保存到手機相冊？uj5u.com熱心網友回復：
在video標簽外嵌套一個div標簽，在該標簽里控制視頻的大小style="width:500px; height:500px"，在video標簽里添加 style="object-fit: fill; width: 100%; height: 100%" 此時視頻就會平鋪寬高為500px的播放視窗<div style="width: 500px; height: 500px">
<video style="object-fit: fill; width: 100%; height: 100%">
</video>
</div>
uj5u.com熱心網友回復：
player = videojs(`video`,
{
fluid: true,
muted:true,
techOrder: ['html5', 'flash'],
controlBar:{
fullscreenToggle:false,
volumePanel:false,
},
},
() => {
player.play();
}
);
設定標紅屬性即可
uj5u.com熱心網友回復：
樓主，解決這個問題了嘛uj5u.com熱心網友回復：
可以聯系一下嗎uj5u.com熱心網友回復：
設定 video 標簽的寬高即可。轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/135524.html
標籤：HTML5
上一篇：Cesium系統學習整理（一）