深圳市金黑网络技术有限公司始终坚持以用户需求为导向,提供安全、稳定、高效的产品和服务!
签到 · 搜索导航 · 服务热线 · 微信/手机:17817817816

深圳网站建设

查看: 587|回复: 0

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

[复制链接]

UID
1
贡献
844
金币
1540
主题
520
在线时间
333 小时
注册时间
2022-1-15
最后登录
2024-11-12
QQ
发表于 2023-1-5 15:21:20 | 587 | 0 | 显示全部楼层 |阅读模式
html5和css3实现网站页面视频背景代码

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

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. .vl{
  11.     width: 100%;
  12.     height: auto;
  13. }
复制代码
楼主热帖

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

支付宝扫一扫打赏

微信扫一扫打赏

快速回复 返回顶部 返回列表