html背景视频自适应

HTML背景视频自适应是指将视频作为网页的背景，当浏览器窗口大小改变时，视频能够自动调整其尺寸和播放位置，保持与其容器内容相对应的适配效果。要做到这一点，可以采用CSS的技术来控制。通常的做法是设置`background-size`属性为`cover`，这意味着视频会填充整个容器并保持宽高比，同时可能还需要配合媒体查询（Media Queries）来处理不同屏幕尺寸下的响应式布局。例如：

<div class="video-container">
   <video autoplay muted loop>
      <source src="your-video.mp4" type="video/mp4">  
   </video>
</div>

<style>
.video-container {
   position: relative;
   height: 0; /* 隐藏高度 */
   padding-bottom: 56.25%; /* 视频宽高比为16:9，所以是56.25% */
   overflow: hidden;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
</style>