css中video的属性

video是HTML5中新增的元素，用于在网页中嵌入视频。通过CSS中的video属性，我们可以对视频进行样式的设置和控制。

我们可以使用video属性来设置视频的宽度和高度。通过设置width和height属性，我们可以指定视频的宽度和高度的大小。例如，下面的代码将视频的宽度设置为500像素，高度设置为300像素：

video {
  width: 500px;
  height: 300px;
}

除了设置视频的大小，我们还可以使用object-fit属性来控制视频在容器中的显示方式。object-fit属性有以下几个取值：

- fill：视频将会拉伸以充满容器，可能会导致视频的宽高比例失真。

- contain：视频将会等比缩放以适应容器，可能会导致视频在容器中留有空白区域。

- cover：视频将会等比缩放以填充容器，可能会导致视频的部分内容被裁剪。

- none：视频将会按照原始尺寸显示，可能会导致视频超出容器的部分被隐藏。

例如，下面的代码将视频按照原始尺寸显示，并且超出容器的部分被隐藏：

video {
  object-fit: none;
}

除了设置视频的大小和显示方式，我们还可以使用object-position属性来控制视频在容器中的位置。object-position属性接受两个值，第一个值表示视频在水平方向上的位置，第二个值表示视频在垂直方向上的位置。例如，下面的代码将视频在容器中水平居中，垂直靠顶部：

video {
  object-position: center top;
}

我们还可以使用CSS中的filter属性对视频进行滤镜效果的设置。filter属性可以接受多个滤镜函数，用逗号分隔。常用的滤镜函数有blur、brightness、contrast、grayscale、hue-rotate、invert、opacity、saturate和sepia等。例如，下面的代码将视频应用一个模糊效果：

video {
  filter: blur(5px);
}

除了以上提到的属性，CSS中还有很多其他的属性可以用来对视频进行样式的设置和控制。例如，我们可以使用border属性来给视频添加边框，使用box-shadow属性来给视频添加阴影效果，使用transform属性来对视频进行旋转、缩放和平移等变换操作。

总结一下，通过CSS中的video属性，我们可以对视频进行样式的设置和控制，包括设置视频的大小、显示方式、位置以及应用滤镜效果等。我们还可以结合其他CSS属性和技巧，来进一步美化和定制化视频的样式和效果。