摘要 今天小编跟大家讲解下有关CSS 让video实现fullscreen ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS 让video实现full

今天小编跟大家讲解下有关CSS 让video实现fullscreen ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS 让video实现fullscreen 的相关资料，希望小伙伴们看了有所帮助。

由于video 是html 内置组建 不能通过强制改变size 使video 铺满元素。如果要实现video 全屏效果就需要用到css 的object-fit。代码如下:

video { object-fit: cover; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;}

这样就可以实现fullscreen 效果了。

来源：爱蒂网