关于html5的video全屏作为背景的方法

at 2019.12.09 10:00  ca 前端实例收藏  pv 1589  by yanjun202  

这个代码简洁好用。

   
        *{  
            margin: 0px;  
            padding: 0px;  
        }  
        video{  
            position: fixed;  
            right: 0px;  
            bottom: 0px;  
            min-width: 100%;  
            min-height: 100%;  
            height: auto;  
            width: auto;  
            /*加滤镜*/  
            /*-webkit-filter: grayscale(100%);*/  
            /*filter:grayscale(100%);*/  
        }  
        source{  
            min-width: 100%;  
            min-height: 100%;  
            height: auto;  
            width: auto;  
        }  
      
  
  
//资源格式自己进行添加  
   
    ;  
  

关于html5的video全屏作为背景的方法

本文链接:https://www.yanjun202.com/post/13.html 

分享到:

 

扫一扫在手机阅读、分享本文

已有1条评论
    w***8(匿名)  发布于 2023-11-29 03:00:06   回复

    这篇文章写的真好,写的非常详细,内容丰富,图文并茂,很实用认真看完收获很大,期待博主下一篇精彩文章的更新。