Css 将视频填充到屏幕的整个高度和宽度高度和宽度

问题：

 videoContainer: {
       height: '100vh'
    },
    video: {
       objectFit: 'cover'
    }

• 试图用视频填充整个屏幕的高度和宽度，但我不明白为什么视频没有填充我环绕的整个容器

• 我有一个视频容器
  ，它用以下样式包裹
  ：

代码：

 videoContainer: {
       height: '100vh'
    },
    video: {
       objectFit: 'cover'
    }

试试这个！ 单击“运行代码段”，然后单击“整页”

#我的视频{
位置：固定；
左：0；
排名：0；
最小宽度：100vw；
最小高度：100vh；
}

---

这也可以解决您的问题

html.body{
边际：0px；
身高：100%；
宽度：100%；
位置：相对位置；
}
录像带{
高度：100vh；
宽度：100vw；
对象匹配：填充；
位置：绝对位置；
顶部：0px；
右：0px；
底部：0px；
左：0px；
}

.videoElem{
位置：绝对位置；
宽度：100%
}
.包装纸{
宽度：600px；
高度：400px；
位置：相对位置；
}

嘿，这几乎可以工作，但视频填充的高度超出了包装好的视频容器的高度。我只想让视频填充容器的高度和宽度。