怎么使用css让视频尺寸适应屏幕

为了让视频尺寸适应屏幕，你可以使用CSS的`object-fit`属性。这个属性控制了视频元素如何在其容器内填充内容。以下是几种常见的用法：

1. `contain`: 视频会自动缩放以完全填充容器，并保持其宽高比，可能部分内容会被裁剪掉。

   video {
     width: 100%;
     height: auto;
     object-fit: contain;
   }

2. `cover`: 视频同样会被拉伸以覆盖整个区域，如果视频不够大，可能会有黑边。

   video {
     width: 100%;
     height: auto;
     object-fit: cover;
   }

3. `fill`: 视频填充容器宽度，高度按比例设置，不会留空。

   video {
     width: 100%;
     object-fit: fill;
   }

4. `scale-down`: 当容器大于视频本身时，视频将缩小显示，保持原始大小。

   video {
     object-fit: scale-down;
   }

5. `none` 或 `initial`: 如果希望视频保持原有尺寸不变，可以使用这两个值。

   video {
     object-fit: none;
   } or
   video {
     object-fit: initial;
   }

记得给视频添加合适的`<video>`标签并指定源文件（src），比如：

<video src="myvideo.mp4" controls></video>