CSS 让video实现fullscreen

时间: 2020-04-17阅读: 705标签: video

由于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 效果了。  

站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/9453

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!