伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】

所属分类:UI,媒体-背景,音频和视频
 2970  29  查看评论 (3)
伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】 ie兼容10

Vidbg.js

vidbg是一款基于HTML5的全屏背景视频jQuery伟德BETVICTOR。通过该jQuery伟德BETVICTOR可以在容器中插入视频,也可以将视频作为页面的全屏背景。该视频伟德BETVICTOR使用简单,兼容IE9以上的浏览器。

它的特点还有:

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

使用方法

使用Vmc Slider需要引入jQuery和vidbg.min.js。<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script type="text/javascript" src="vidbg.min.js"></script>

初始化伟德BETVICTOR

该HTML5全屏背景视频伟德BETVICTOR有两种初始化方法:通过HTML标签和是用Javascript来初始化。通过HTML标签初始化:<div class="vidbg-box" style="width: 650px; height: 338px;"   data-vidbg-bg="mp4: http://example.com/video.mp4,                   webm: path/to/video.webm,                   poster: path/to/poster.jpg"   data-vidbg-options="loop: true, muted: true, overlay: true"> </div>通过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时,视频会随着浏览器窗口的缩放而缩放。设置overlay为true时,会为视频添加一个轻微的模糊遮罩,
相关伟德BETVICTOR-背景,音频和视频

jQuery全屏背景伟德BETVICTORVegas2

网页全屏背景jQuery伟德BETVICTOR Vegas2,它和其它背景伟德BETVICTOR不同之处就是带有幻灯片功能。幻灯片的切换有多种风格,如旋转、渐隐、左右等方式,切换的时候还有进度条显示。
  背景
 13050  135

首页大屏背景图平滑切换

首页大屏背景图平滑切换
  背景
 14973  92

jquery固定标题控制伟德BETVICTORMidnight.js

midnight.js是在页面滚动时控制多标题设计的开关jQuery伟德BETVICTOR,所以对应下面的内容你总能看到一个标题。
  背景
 16945  173

jquery形象照片卷轴伟德BETVICTOR

jquery形象照片卷轴伟德BETVICTOR
  背景
 14362  57

讨论这个项目(3)回答他人问题或分享伟德BETVICTOR使用方法奖励jQ币

    赤焰科技-大彭 0
    2018/2/13 22:56:34
    刹那永恒 0
    2018/2/7 11:34:43
    要兼容 就得2中视频格式 回复
    ??Kwon丶? 0
    2018/2/1 2:42:53
    mp4,webm,3gp,IE和火狐都不兼容,还有什么办法吗 回复
取消回复