html视频标签的使用＜video＞＜/video＞

html

1.  
   <video class="fullscreenVideo" id="bgVid" playsinline="" autoplay="" muted="" loop="" width="100%">
2.  
   <source src="../assets/images/bj.mp4" type="video/mp4">
3.  
   </video>

css

1.  
   .videoContainer{
2.  
   background-color: aqua;
3.  
   position: fixed;
4.  
   width: 100%;
5.  
   height: 100%;
6.  
   overflow: hidden;
7.  
   z-index: -100;
8.  
   }
9.  
    
10.  
    .videoContainer:before{
11.  
    content: "";
12.  
    position: absolute;
13.  
    width: 100%;
14.  
    height: 100%;
15.  
    display: block;
16.  
    z-index: -1;
17.  
    top: 0;
18.  
    left: 0;
19.  
    background: rgba(25,29,34,.65);
20.  
    }

效果

这篇好文章是转载于：学新通技术网