html5和css3实现网站页面视频背景代码

admin

html5和css3实现网站页面视频背景代码

html5和css3实现网站ye'mian视频背景代码

1.html部分

1. <div class="bg-video">
   
2. <video class="vl" autoplay muted loop><source src="bg.mp4">
   
3. </video>
   
4. </div>

复制代码

2.css部分

1. .bg-video{
   
2.     width:100%;
   
3.     height:auto;
   
4.     left:0px;
   
5.     top:0px;
   
6.     z-index: -1;
   
7.     vertical-align:bottom;display:block;
   
8.     position:absolute;
   
9. }
   
10. 
    
11. .vl{
    
12.     width: 100%;
    
13.     height: auto;
    
14. }

复制代码