html视频播放 bootstrap,基于Bootstrap和jQuery的视频播放器插件

插件特点很容易自定义样式

一个页面支持多个视频

非常简单的使用HTML5视频标签

显示暂停、开始按钮

显示进度条

显示视频时间

显示并调节音量

全屏窗口按钮

允许隐藏按钮栏

允许自动播放

浏览器兼容

jQuery 1.6+ in Firefox, Safari, Chrome, Internet Explorer 9, Opera 11。

使用方法

1、首先下载 Bootstrap Video Player 的插件文件，你可以通过Github地址下载得到源文件

2、在网页中引入插件文件和jQuery库

3、编写播放器的HTML代码，我们只需要调用Video标签，Bootstrap Video Player 会自动给我们添加代码。

Your browser does not support the video tag.

4、调用插件，生成播放器的UI及样式，默认的调用方法如下$('#demo1').videoUI();

调用参数示例$('#demo1').videoUI({

'autoHide':false,

'volumeMedia': 1

});

播放器选项PropertyDefaultDescriptionplayMediatrueshow pause/play button

progressMediatrueshow progress bar

timerMediatrueshow video timer

volumeMedia5show & set volume value 1..10

fullscreenMediatrueenable full screen button

autoHidetrueenable auto hide control bar

autoPlayfalseenable auto play

html视频播放 bootstrap,基于Bootstrap和jQuery的视频播放器插件相关推荐

jQuery幻灯片播放器插件
jQuery幻灯片播放器插件在线演示本地下载 posted @ 2018-12-01 22:26 栖息地阅读(...) 评论(...) 编辑收藏
jquery颜色转换html,jQuery颜色选取器插件COLPICK
插件描述:简单 RGB.HSB.十六进制颜色选取器 jQuery 插件没有图像 !只是 JS 和 CSS 文件非常直观类似 Photoshop 的界面光明和黑暗很容易自定义 CSS3 外观 28 ...
强大的jQuery图片查看器插件Viewer.js
简介 Viewer.js 是一款强大的图片查看器 Viewer.js 有以下特点: 支持移动设备触摸事件支持响应式支持放大/缩小支持旋转(类似微博的图片旋转) 支持水平/垂直翻转支持图片移动 ...
jQuery实现图片播放器插件
jquery 图片播放器插件文章原创,欢迎转载,转载请注明出处:http://blog.csdn.net/xxd851116 作者:笑的自然我的博客:http://blog.csdn.net/x ...
html 可编辑表格插件,基于Bootstrap的jquery可编辑表格插件Bootstable
插件描述:Bootstable是一款基于Bootstrap的jquery表格编辑插件.通过该jquery表格编辑插件,会自动为表格添加编辑和删除按钮,使表格可以动态编辑. 更新时间:2019-11-2 ...
响应式html编辑器布局,基于Bootstrap响应式所见即所得的jQuery编辑器插件
LineControl Editor是一款基于Bootstrap的响应式.所见即所得的富文本编辑器jQuery插件.该富文本编辑器可以使用textarea元素或任何一个容器元素来生成,它拥有常见富文本 ...
基于Bootstrap的jQuery开关按钮插件
按钮下载使用方法首先要在页面中引入依赖文件: jquery.Bootstrap.Bootstrap Switch CSS和Bootstrap Switch JS.这里用的是bootstr ...
bootstrap html5 表单验证,基于Bootstrap+jQuery.validate实现表单验证
这大概是一种惯例,学习前台后台最开始接触的业务都是用户注册和登录.现在社会坚持以人为本的理念,在网站开发过程同样如此.User是我们面对较多的对象,也是较核心的对象.最开始的用户注册和登陆这块,也就尤 ...
java metronic_基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理...
大家对Bootstrap框架知识了解多少 Bootstrap是一个前端的技术框架,很多平台都可以采用,JAVA/PHP/.NET都可以用来做前端界面,整合JQuery可以实现非常丰富的界面效果,目前也 ...
基于BootStrap,FortAweSome，Ajax的学生管理系统
一. 基于BootStrap,FortAweSome,Ajax的学生管理系统代码部分 1.students.html <1>html页面文件 <!DOCTYPE html> & ...

html视频播放 bootstrap,基于Bootstrap和jQuery的视频播放器插件

html视频播放 bootstrap,基于Bootstrap和jQuery的视频播放器插件相关推荐

最新文章

热门文章