html - 视频作为 html 中的背景

Question

我的代码有问题我已经提到过这个 - 溢出:隐藏在 css 中但我的视频仍然没有显示在文本下面。我在我的 css 中提到了以下内容:

fullscreen-bg {
               top: 0;
               right: 0;
               bottom: 0;
               left: 0;
               overflow:hidden;
               `enter code here`z-index: -100;
}

.fullscreen-bg__video {
                       position: absolute;
                       top: 0;
                       left: 0;
                       width: 100%;
                       height: 100%;
}

Answer 1

这不是我写的，但它应该能让你大致了解如何去做，

video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

来源:

https://codepen.io/dudleystorey/pen/knqyK