css video 宽高自适应

要让 CSS 视频宽高自适应，可以采用以下方法：

1. 使用 max-width 和 max-height 属性来设置视频容器的最大宽度和最大高度，这样视频就不会超出容器的范围。

.video-container {
  max-width: 100%;
  max-height: 100%;
}

2. 使用 padding-top 属性来设置视频容器的高度，然后使用 position 和 top 属性来将视频居中，这样视频就可以根据容器大小自适应宽度。

.video-container {
  position: relative;
  padding-top: 56.25%;
}

.video-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

以上两种方法都可以实现 CSS 视频宽高自适应，具体使用哪种方法可以根据实际情况选择。