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

 2021-12-09    1447  

这个代码简洁好用。

 <style type="text/css">  
        *{  
            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;  
        }  
    </style>  
</head>  
<body>  
//资源格式自己进行添加  
 <video autoplay="autoplay" loop="loop">  
    <source  src="video/ting.mp4" type="video/mp4" >;  
</video>  
</body>

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

  • 评论列表
  •   w***8(匿名)
    发布于 2022-08-20 14:23:31  回复
  • 这家网站设计的很不错,设计人员的服务态度都是很不错的,在设计的过程中遇到的问题也能及时的得到解决。刚开始觉得自己对这方面没什么经验,抱着试试的心态试一试,把自己的想法告诉了技术人员,没想到效果是出乎意料的好,设计出的网站就是我想要的。技术人员也都很专业,有什么不满意的也可以告诉他们,让他们进行修改。
  •   浅***妈(匿名
    发布于 2022-08-20 14:23:31  回复
  • 客服非常有耐心,会一步一步地指导。回复速度也很快,提的要求都能满足,是一次非常好的体验。
  •   程***e(匿名)
    发布于 2022-08-20 14:23:31  回复
  • 很负责,很有耐心,做出来的效果跟我预期的一样,强烈推荐

发表评论:

原文链接:http://www.202class.com/post/2021-12-09-10-04-43-2xz.html

=========================================

http://www.202class.com/ 为 “202Class网页程序开发站” 唯一官方服务平台,请勿相信其他任何渠道。


电话