html+ css实现网站视频背景代码 - 网站代码 - 五行资源分享网


作者头像图片

作者: 五行

网络资源搬砖的爱好者

文章二维码手机扫码查看

当前位置:首页> 网站代码 >正文


html+ css实现网站视频背景代码

发布于:2022年4月28日 阅读(253) 评论(0)

html+ css实现网站视频背景代码-五行资源分享网-第1张图片

 

网站如何用视频作背景?今天五行资源博客就分享一个用视频作为背景的网站代码,代码由html和css组成,其次代码是响应式布局。

1.html部分

 

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

 

2.css部分

.bg-video{

    width:100%;

    height:auto;

    left:0px;

    top:0px;

    z-index: -1;

    vertical-align:bottom;display:block;

    position:absolute;

 }

.v1{

    width: 100%;

    height: auto;

}

 

 

分享到:
打赏
未经允许不得转载:

作者: 五行, 转载或复制请以 超链接形式 并注明出处 五行资源分享网
原文地址: 《html+ css实现网站视频背景代码》 发布于2022-4-28
帖子声明: 本站对文章进行整理、排版、编辑,是出于传递信息之目的, 并不意味着赞同其观点或证实其内容的真实性,不拥有所有权,不承担相关法律责任。
特别声明:文章多为网络转载,资源使用一般不提供任何帮助,如有侵权请联系!

评论

40 + 80 =

切换注册

登录

忘记密码?

您也可以使用第三方帐号快捷登录

一键注册
切换登录

注册

用户登录验证码图片

 

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏