素材牛VIP会员
当前位置： 首页 » 网页特效 » Html5全屏把视频作为页面背景特效

Html5全屏把视频作为页面背景特效

 所属分类：网页特效-UI/布局/瀑布流

 浏览：727次  评论：0次  更新时间：2019-11-01
牛币素材VIP可免积分下载
Html5全屏把视频作为页面背景特效
 查看演示  立即下载 收藏
Html5全屏把视频作为页面背景特效
 查看演示  立即下载
积分说明：注册即送10牛币，每日签到可获得5牛币，成为VIP会员可永久免牛币下载！   充值积分   充值会员   更多说明»
素材描述：html5设置一个区域把视频作为网页背景，也可以全屏视频背景动画特效。
 标签：全屏

文件目录结构

  • assets
    • ┝ Rallye.mp4
    • ┝ screenshot1.jpg
  • css
    • ┝ demo.css
    • ┝ normalize.css
    • ┝ style1.css
    • ┝ style2.css
  • dist
    • ┝ jquery.vidbacking.css
    • ┝ jquery.vidbacking.js
    • ┝ jquery.vidbacking.min.css
    • ┝ jquery.vidbacking.min.js
    • ┝ jquery.vidbacking.min.js.map
    • ┝ videooverlay1.png
  • ┝ index.html
  • ┝ index2.html
  • js
    • ┝ jquery-1.11.0.min.js
    • ┝ jquery-2.1.1.min.js
  • src
    • ┝ jquery.vidbacking.css
    • ┝ jquery.vidbacking.js
    • ┝ videooverlay1.png
展开查看全部

相关素材 - UI/布局/瀑布流

带缩略图轮播效果（全屏切换）
带缩略图轮播效果（全屏切换）
点击缩略图或点击缩略图左右按钮进行切换
 焦点图/幻灯片
 0    4041
基于jQuery的点击缩略图全屏查看
基于jQuery的点击缩略图全屏查看
点击小的缩略图就可以全屏查看这些图片了，支持手机端，滑动可查看下一张图片！
 图片特效,悬浮层/弹出层
 13    3081
html5响应式全屏侧滑导航栏代码
html5响应式全屏侧滑导航栏代码
html5响应式全屏侧滑导航栏代码下载免费
 导航菜单,移动端/响应式
 8    4218
利用fullpage.js实现的360全屏滑动效果
利用fullpage.js实现的360全屏滑动效果
360全屏滑动，HTML5+CSS3炫酷动画，代码注释较全，学习价值比较高！
 触屏/拖拽/下拉,动画效果
 3    2317
touchJs实现手机端整屏滑动效果
touchJs实现手机端整屏滑动效果
jQuery移动端整屏滑动插件touchJs。请在移动端预览查看最佳展示效果。
 UI/布局/瀑布流,滑块/旋转/滚动,移动端/响应式
 0    2430
HTML5响应式全屏炫酷轮播图
HTML5响应式全屏炫酷轮播图
HTML5响应式炫酷全屏图片左右滑动轮播图效果下载。
 焦点图/幻灯片
 2    4223
jQuery大幅全屏下拉菜单导航特效
jQuery大幅全屏下拉菜单导航特效
jQuery大幅全屏下拉菜单导航代码是一款仿微软的蓝色大气全屏网站导航菜单特效。
 导航菜单
 0    3368
全屏带视频banner轮播图片特效
全屏带视频banner轮播图片特效
jQuery大气的网站banner轮播图片中穿插视频MP4播放，轮播切换视频会自动实现播放或暂停，视频正常播放不会被轮播图时间打断。demo中的图片及视频仅供个人学习使用，不可用于商业用途，否则后果自行承担。
 焦点图/幻灯片,图片特效,按钮控制,大图切换
 2    1242

讨论这个素材（0）回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网，理性发言！   😉 阿里云幸运券，戳我领取
热门推荐 / HOT
最新发布 / NEW
我的牛币余额：0
所需牛币：5 开始下载

牛币获取：签到、评论、充值    » 在线充值（10牛币=1元）

此素材VIP可免积分下载  » 查看详情
联系我们关于我们获取牛币版权说明
客服标签
Copyright 2016-2022 © 素材牛（www.sucainiu.com）鄂公网安备 42090202000075号 - 鄂ICP备2021002952号-1