Html 在引导列中包含mp4视频

我想在我的网站上有一个视频。但是视频和图片的高度不一样，我需要修复这个。如何确保视频覆盖整个栏目，并且始终与其他两个栏目的高度相同

目前这是我的代码：

<div class="container" style="width: 100%;">
        <div class="row">
            <div class="col-md-4 fullscreen-bg">
            <video loop muted autoplay poster="img/videoframe.jpg" class="fullscreen-bg__video">
            <source src="video/kerntrekken.mp4" type="video/mp4">
            </video>
            </div>
            <div class="col-md-4" style="padding: 0;">
                <img src="img/Kluizen.jpg" width="100%" height="354">
            </div>
            <div class="col-md-4" style="padding: 0;">
                <img src="img/Kluizen.jpg" width="100%" height="354">
            </div>
        </div>
    </div>

---

视频标签的宽度和高度为100%

您的浏览器不支持视频标记。

通常无法设置视频对象的高度。然而，有一种简单的CSS黑客称为

对象匹配

您可能需要设置行中所有块和视频的高度，例如：

.col-md-4 img { height: 200px; } 
.col-md-4 video {
    height: 200px;
    object-fit: fill;
}

如果做不到这一点，仅使用以下方法就足够了：

.col-md-4 video {
    object-fit: fill;
}

给他们两个一个测试

有关如何使用此功能的更多信息，请访问：

.col-md-4 video {
    object-fit: fill;
}