Html 视频循环100%浏览器高度&；宽度

我正在尝试插入一个视频循环，当浏览器窗口调整到合适的大小时，它将以100%的高度和宽度显示。stage-0。目前，视频不适合100%的高度和宽度，并且#叠加被移到右侧而不是正中？任何关于如何产生这种效果的帮助都将不胜感激：-）

*{
保证金：0；
填充：0；
列表样式：无；
文字装饰：无；
字号：1em；
字体系列：Helvetica Neue、Helvetica、Arial、无衬线字体；
}
html，
身体{
身高：100%；
}
a{
背景：透明；
边界：无；
字母间距：0.15em；
文本转换：大写；
过渡色：.3s；
过渡高度：.3s；
}
标题{
位置：固定；
高度：60px；
宽度：100%；
}
.标题包装{
宽度：100%；
身高：100%；
背景：透明；
}
.标题bg，
.标题内容{
位置：固定；
排名：0；
左：0；
宽度：100%；
文本对齐：居中；
}
.标题bg{
颜色：灰色；
背景：白色；
边框底部：1px纯黑；
过渡高度：.3s；
身高：0；
}
.标题内容{
左边距：自动；
右边距：自动；
过渡色：.3s；
颜色：白色；
背景：透明；
高度：60px；
过渡高度：.3s；
溢出：隐藏；
列表样式：无；
}
保险商实验室{
宽度：100%；
文本对齐：居中；
}
李{
填充顶部：15px；
显示：内联块；
*显示：内联；
/*IE7*/
*缩放：1；
/*IE7*/
右边距：50px；
}
.导航条链接{
左边距：自动；
右边距：自动；
颜色：继承；
光标：指针；
字体大小：.8em；
字母间距：0.05em；
过渡色：.3s；
填充顶部：15px；
线高：31px；
}
.instagram{
左边距：自动；
右边距：自动；
浮动：左；
左：2%；
}
.家{
左：50%；
位置：绝对位置；
转换：翻译（-50%）；
}
.研究所{
左边距：自动；
右边距：自动；
浮动：对；
宽度：25px；
高度：25px；
填充：15px；
光标：指针；
填充物：白色；
字体大小：.8em；
字母间距：0.05em；
填充：.05px 10px；
}
@仅介质屏幕和（最大宽度：583px）{
.找到{
显示：无；
}
}
.汉堡包{
左边距：自动；
右边距：自动；
浮动：对；
右：3%；
}
#切换菜单{
浮动：对；
显示：块；
宽度：15px；
高度：15px；
}
.标题包装#切换菜单范围{
宽度：15px；
高度：3倍；
位置：绝对位置；
-webkit转换：-webkit转换0.2s缓进缓出，顶部0.2s缓进缓出0.2s，不透明度0.2s缓进缓出0.2s；
-moz变换：-moz变换0.2s缓进输出，顶部0.2s缓进输出0.2s，不透明度0.2s缓进输出0.2s；
过渡：变换0.2s缓进缓出，顶部0.2s缓进缓出0.2s，不透明度0.2s缓进缓出0.2s；
-webkit变换原点：中心；
-莫兹变换原点：中心；
变换原点：中心；
背景：#fff；
}
}
#切换菜单span.top{
顶部：0px；
}
#切换菜单span.middle{
顶部：6px；
}
#切换菜单span.bottom{
顶部：12px；
}
内容{
高度：2000px；
背景：橙色；
}
.舞台{
颜色：#fff；
显示：-网络工具包盒；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
-webkit盒包：中心；
-webkit内容：中心；
-ms-flex-pack:center；
证明内容：中心；
-webkit框对齐：居中；
-webkit对齐项目：居中；
-ms-flex-align：居中；
对齐项目：居中；
高度：100vh；
背景：白色；
边框底部：1px纯黑；
字体大小：48px；
高度：200px；
宽度：100%；
}
.第0阶段{
显示器：flex；
背景：灰色；
背景附件：固定；
背景尺寸：封面；
宽度：100%；
身高：100%；
}
#覆盖{
左边距：自动；
右边距：自动；
位置：绝对位置；
最高：50%；
颜色：#FFF；
文本对齐：居中；
字体大小：20px；
宽度：100%；
}
.视频{
位置：固定；
最高：50%；
左：50%；
最小宽度：100%；
最小高度：100%；
-webkit转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
转换：翻译（-50%，-50%）；
z指数：-999；
溢出：隐藏；
}
/*宣传短片*/
.箭弹{
填充：5%；
颜色：白色；
左：50%；
字号：26px；
光标：指针；
位置：绝对位置；
转换：翻译（-50%）；
-webkit转换：-webkit转换0.6s易用性；
-moz转换：-moz转换0.6s易用性；
过渡：0.6s轻松过渡；
-webkit动画：箭头1s无限；
-moz动画：箭头1s无限；
-o-动画：箭头1s无限；
动画：箭头1s无限；
动画计时功能：立方贝塞尔（0.4,0,0.6,1）；
}
@-webkit关键帧箭头{
0% {
底部：-13px；
}
50% {
底部：-8px；
}
100% {
底部：-13px；
}
}
@-moz关键帧箭头{
0% {
底部：-13px；
}
50% {
底部：-8px；
}
100% {
底部：-13px；
}
}
@关键帧箭头{
0% {
底部：-13px；
}
50% {
底部：-8px；
}
100% {
底部：-13px；
}
}

覆盖占位符！
3.
5.
7.
9
11
13
15
17
19
21
23

在视频标签中添加以下代码：

style="width: 100%;height: 1500px;object-fit: cover;"

---

这应该可以让它工作：）。

在视频标签中添加以下代码：

style="width: 100%;height: 1500px;object-fit: cover;"

这应该能让它起作用：）。

我看到很多po