浙江 杭州

HTML5全屏背景视频jQuery亚博赠送彩金--任意三数字加yabo.com直达官网

系统分类: 亚博赠送彩金 - html5 - html5模板 2017-03-08

人气4016

亲们该页面内会员们分享的“作品”,版权为才华横溢的原作者们所有滴,不得商业使用!


vidbg是一款基于HTML5的全屏背景视频jQuery亚博赠送彩金--任意三数字加yabo.com直达官网。通过该jQuery亚博赠送彩金--任意三数字加yabo.com直达官网可以在容器中插入视频,也可以将视频作为页面的全屏背景。该视频亚博赠送彩金--任意三数字加yabo.com直达官网使用简单,兼容IE9以上的浏览器。它的特点还有:

  • 支持所有的现代网页浏览器。
  • 兼容IE9+浏览器。
  • 视频会在桌面设备和笔记本电脑上播放,在移动设备(平板和手机等)上会回退为显示视频的封面。

使用方法

使用Vmc Slider需要引入jQuery和vidbg.min.js。


                
              
初始化亚博赠送彩金--任意三数字加yabo.com直达官网

该HTML5全屏背景视频亚博赠送彩金--任意三数字加yabo.com直达官网有两种初始化方法:通过HTML标签和是用Javascript来初始化。

通过HTML标签初始化:

通过Javascript来初始化:

$('.vidbg-box').vidbg({
  'mp4': 'http://example.com/video.mp4',
  'webm': 'path/to/video.webm',
  'poster': 'path/to/fallback-image.png',
}, {
  // 参数选项
});                
              

注意要为视频文件提供.webm.mp4两种格式,使其适应各种浏览器的需要。

全屏视频只需要将选择器设置为body元素即可。

配置参数

{
  volume: 1,
  playbackRate: 1,
  muted: true,
  loop: true,
  position: '50% 50%',
  resizing: true,
  overlay: false,
}                
              

resizing参数设置为true时,视频会随着浏览器窗口的缩放而缩放。

设置overlaytrue时,会为视频添加一个轻微的模糊遮罩,

查看演示
下载资源:3
下载资源
错误提交:

格式:zip 大小:6.88M

================关于优设记================
“优设记ui3g.com“是国内最全jquery亚博赠送彩金--任意三数字加yabo.com直达官网下载 - 高质量网页素材的学习下载平台
资源微博:同步网站更新内容,订阅jquery资源 @吐槽优设记,欢迎关注获取网页设计资源、下载顶尖设计素材。
文章链接: http://www.ui3g.com/code/uicode-2026.html 非特殊说明,本文版权归原作者所有,转载请注明出处
HTML5全屏背景视频jQuery亚博赠送彩金--任意三数字加yabo.com直达官网

我当前G币余额:0 已下载次数:3

注:购买该亚博赠送彩金--任意三数字加yabo.com直达官网的用户当日可免费下载 亚博赠送彩金--任意三数字加yabo.com直达官网作者可永久免费下载

所需G币:20

下载提示:由于文件较小,请直接点击下载,不支持迅雷等下载工具。

抱歉 G币 不足,你可以通过 上传PSD & jquery 充值 获得G币

多一点耐心少一点浮躁有什么新鲜事想告诉大家? 分享有礼 +5G币:(已有0 评论)