Css 如何将视频标记设置为相对于其父div的全高？

我目前正在创建一个单页视频播放商店广告

我的问题是如何将视频标记设置为相对于其父div的全高？我使用了vh维度，但仍然没有运气解决这个问题

正如您在图像上看到的，视频部分的顶部和底部都有间隙。已将填充和边距设置为0。

代码：

身体{
背景色：#FFF；
溢出：隐藏；
宽度：100%；
边际：0px；
}
.第页{
显示：块；
宽度：100%；
最小高度：800px；
溢出：自动；
保证金：0px自动0px自动；
框大小：边框框；
}
.pageClockPanel{
背景色：#333；
位置：固定；
顶部：0px；
左：0px；
明确：无；
宽度：60%；
身高：10%；
填充：10px；
}
.pageRightPanel{
背景色：#1A237E；
位置：固定；
顶部：0px；
右：0px；
明确：无；
宽度：40%；
身高：87%；
框大小：边框框；
填充：10px；
}
.pageLeftPanel{
背景色：#E64A19；
位置：固定；
排名前10%；
左：0px；
明确：无；
宽度：60%；
身高：77%；
框大小：边框框；
填充：0px；
}
.页面底部面板{
背景色：#333；
位置：固定；
底部：0px；
右：0px；
明确：无；
身高：13%；
宽度：100%；
框大小：边框框；
填充：10px；
}
.项目img{
宽度：100%；
最低高度：77vh
}
.项目视频，
来源{
宽度：100%；
最低高度：77vh；
}
页面标题

视频标签始终与视频文件具有相同的比率（宽度/高度）。

---

如果您想适应宽度和高度，它看起来会被拉伸-如果可能的话。
您可以尝试设置视频标签的高度属性

我通过添加此css解决了我的问题

.item{
    position:absolute;
    height:100%;
    width:100%;
    overflow: hidden;
}

.item video {
            min-width: 100%; 
            min-height: 100%;
            height:auto;
}

---

先生，可能是“谢谢”的副本，但不符合我的需要。