如何在不同大小的html中设置视频文本

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

<video src="video.mp4" controls>
  <caption>This is a video caption.</caption>
</video>

<div class="video-container">
  <video src="video.mp4" controls>
    <caption>This is a video caption.</caption>
  </video>
</div>

.video-container {
  width: 100%; /* 设置视频容器宽度，可以根据需要调整 */
  height: auto; /* 设置视频容器高度，可以根据需要调整 */
}

.video-container video {
  width: 100%; /* 设置视频宽度，撑满容器 */
  height: auto; /* 设置视频高度，根据宽度自动调整 */
}

.video-container caption {
  font-size: 16px; /* 设置文本字体大小，可以根据需要调整 */
  color: #333; /* 设置文本颜色，可以根据需要调整 */
  text-align: center; /* 设置文本居中对齐 */
}