javascript - 强制视频帧包含全宽

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