强制视频帧包含全宽

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%; 
}