HTML将视频作为背景示例

 ----------------------------------------------------------------------------------------
  <div class="videocontainer">
 <video class="fullscreenvideo" playsinline="" autoplay="" muted="" loop="">
 <source src="https://cdn2-unrealengine-1251447533.file.myqcloud.com/Unreal%20Engine%2Fhome%2FMainPage-81570d63f80f565cfe5992d8ecc0916a19074573.mp4" type="video/mp4">
 </video>
 </div>
 --------------------------------------------------------------------------------------------
   CSS代码：
   .fullscreenvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
}
 
.videocontainer{
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -100; 
}
 
.videocontainer:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0);
}
-----------------------------------------------------------------------------------
视频调用的是虚幻官网视频