HTML5全屏背景视频jQuery插件

2019-10-09 16:22:11 作者: 大梦 浏览: 12 [百度未收录] [搜狗已收录] [360已收录]


简要教程

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

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

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


初始化插件

该HTML5全屏背景视频插件有两种初始化方法:通过HTML标签和是用Javascript来初始化。

通过HTML标签初始化:

通过Javascript来初始化:

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

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

配置参数

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

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


版权免责声明 1、本网站名称:罗网轻量级sns社区,源码分享平台
2、本站永久网址:http://www.luopay.cn
3、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效  点此反馈 我们会第一时间更新。

下载地址
评论
本文作者 阅读排行 文章推荐

首页
最新
投稿
精选
我的