强制视频帧包含全宽

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 van der Lende评论

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