使HTML背景视频高度小，宽度100%

<video autoplay loop muted poster="poster.jpg" id="bg-video">
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  Your browser does not support the video tag.
</video>

#bg-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}

#bg-video {
  /* 设置固定高度 */
  height: 300px;
  
  /* 或者使用transform属性缩放 */
  transform: scale(0.5);
}

#bg-video {
  /* 设置视频位置为居中 */
  left: 50%;
  transform: translateX(-50%);
  
  /* 设置视频填充方式为cover */
  object-fit: cover;
}