CSS视频背景不会在屏幕缩小时消失

是因为CSS中的视频背景属性（background-video）可以根据屏幕大小自适应调整。具体来说，可以通过以下步骤实现：

首先，确保你有一个视频文件（如MP4格式），可以作为背景视频使用。
在HTML文件中，创建一个具有适当尺寸的容器元素，用于显示视频背景。例如：

<div class="video-container"></div>

在CSS文件中，为容器元素添加样式，并将视频作为背景添加到容器中。同时，使用CSS的媒体查询功能，根据屏幕大小调整视频的显示方式。例如：

.video-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

@media (max-width: 768px) {
  .video-container {
    height: 50vh;
  }
}

.video-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url('video.mp4') no-repeat center center/cover;
}

在上述代码中，使用了媒体查询来调整容器元素的高度，以适应不同屏幕大小。视频背景通过伪元素(::before)添加，并使用background属性设置视频文件作为背景。