html中video如何填充整个盒子

在HTML中，如果你想让`<video>`元素填充其容器（即盒子），你可以使用CSS来调整它的样式。通常，设置`width`和`height`属性为`100%`可以让视频适应容器大小并保持纵横比。以下是基本的步骤：

1. 首先，确保`<video>`元素是块级元素，可以占据整个宽度和高度。你可以通过将其放在一个块级容器内，如`<div>`，或者直接给`<video>`设置`display: block;`。

<div class="video-container">
  <video controls>
    <source src="your_video.mp4" type="video/mp4">Your browser does not support the video tag.
  </video>
</div>

2. 使用CSS设置`.video-container`类来指定视频的宽度和高度为100%：

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* This is for a common aspect ratio of 16:9 */
  height: 0;
  overflow: hidden;
}

.video-container video {
  display: block;
  width: 100%;
  height: auto;
}

在这个例子中，`padding-bottom`设置为了视频的宽高比（通常是16:9的56.25%），这样即使改变容器大小，视频的比例也能保持不变。