HTML如何在视频背景上加个图片

您可以使用CSS的background属性来实现这个效果。首先，将视频作为背景，然后使用background-image属性添加图像。例如：

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

<style>
.video-background {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-background .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(your-image.jpg);
  background-size: cover;
  opacity: 0.5;
}
</style>

在这个例子中，我们使用了一个div元素作为视频背景的容器，并将视频作为其子元素。然后，我们添加了一个叠加层div元素，并使用background-image属性将图像添加到其中。最后，我们使用CSS来设置这些元素的样式，使其覆盖整个屏幕并适应不同的屏幕大小。