強制視頻幀包含全寬

Question

我有一個視頻幀，我想要全屏寬度。我曾嘗試過使用CSS，但認爲該幀包含全寬度，視頻播放的區域未滿。

如何使這包含整個屏幕寬度？

下面是我的HTML和CSS

.videoTrainings { 
 
    width: 100%; 
 
    height: 400px; 
 
    background: #fbfbfb; 
 
} 
 
.videoTrainings video { 
 
    width: 100%; 
 
    height: 100%; 
 
    max-width: 100%; 
 
}

<div class="videoTrainings"> 
 
    <video autoplay="autoplay"> 
 
    <source src="videos/tomprint.mp4" type="video/mp4"/> 
 
    </video> 
 
</div>

感謝。

Answer 1

從你的CSS .videoTrainings video卸下高度會做的伎倆 參考@Rene範德Lende評論

.videoTrainings video { 
    width: 100%; 
    max-width: 100%; 
}