关于html5的video全屏作为背景的方法-网页设计与制作模板-202Class网页程序开发站

首页网页设计与制作模板正文

关于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张

标签：
css
代写SQL
SQLServer

评论列表

w***8（匿名）
发布于 2022-08-20 14:23:31 回复
这家网站设计的很不错，设计人员的服务态度都是很不错的，在设计的过程中遇到的问题也能及时的得到解决。刚开始觉得自己对这方面没什么经验，抱着试试的心态试一试，把自己的想法告诉了技术人员，没想到效果是出乎意料的好，设计出的网站就是我想要的。技术人员也都很专业，有什么不满意的也可以告诉他们，让他们进行修改。

暮***h（匿名）
发布于 2022-08-20 14:23:31 回复
好极了，非常有用。内容很多恰好所需

浅***妈（匿名
发布于 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网页程序开发站” 唯一官方服务平台，请勿相信其他任何渠道。