html5中 MP4当作背景视频居中显示

 .video-background {
     max-width: none !important;
     border: none;
     object-fit: cover;
     background-size: cover;
     opacity: 1;
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0px;
     top: 0%;
     display: block;
     object-position: center bottom !important;
     z-index:-1;
 }

 

<video autoplay="autoplay" loop="loop" muted="muted" class="video-background">
<source src="/video/1_1.mp4" type="video/mp4" style="object-fit: cover;position: absolute;top: 0;left: 0;">
Your browser does not support the video tag.
</video>

 

 .video-background {     max-width: none !important;     border: none;     object-fit: cover;     background-size: cover;     opacity: 1;     width: 100%;     height: 100%;     position: absolute;     left: 0px;     top: 0%;     display: block;     object-position: center bottom !important;     z-index:-1; }