网站视频背景

前言

在做个人主页时想到视频动态背景，使用video属性并将视频撑至全屏。

HTML代码

<video src="https://i12.zsuh.cc/images/hemo1.mp4" class="bjimg" autoplay loop muted></video>

CSS代码

.bjimg {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -10;

  object-fit: cover;

}