css中怎么让视频撑满

CSS中怎样让视频撑满呢？下面介绍一种简单的方法：

.video{
width:100%;
height:0;
padding-bottom:56.25%;/*按16:9比例设置*/
position:relative;
}
.video iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
} 

首先，我们为视频元素添加一个宽度为100%的样式，并将高度设置为0。为了让视频按比例适应任意大小屏幕，我们设置一个 padding-bottom 值，目的是为了模拟 video 元素保持 16:9 比例自适应大小的效果。这里用 56.25% 的值来代表 9:16 比例中的 16:9。

接着，我们将 iframe 元素的宽度和高度设置为100%，并将其相对位置设置为绝对定位，从而使其覆盖在视频元素上面。

这样，当视频元素按上述方法设置样式后，只要将视频插入到其中，iframe 元素就可以自适应填满整个视频元素，并且保持 16:9 的宽高比，从而让视频内容撑满页面。