推荐10个2014年最佳的jQuery视频插件


Posted in Javascript onNovember 12, 2014

在这篇文章中已经收集了10个最佳的jQuery视频插件,帮助开发人员容易地实现网站播放影片功能。可以显示视频和视频播放列表。

1. Bigvideo.js

推荐10个2014年最佳的jQuery视频插件

BigVideo.js 是一个jQuery插件能够,让你很方便将视频作为网站的背景。

它可以默默地播放一个视频,或用一个列表让用户选择他们喜欢的进行播放。

这个插件基于Video.js构建。此外如果有些设备不支持自动播放支持显示成图片。

2. jPlayer

推荐10个2014年最佳的jQuery视频插件

jPlayer是一个可定制和更换皮肤的开源JQuery的播放器,允许在网页中播放音频和视频。jPlayer是跨浏览器兼容的播放器,可以播放多种文件格式,如MP3,MP4,WMV,FLV和OGG。

jPlayer非常小只有8kb左右,并且提供一些流行CMS平台的相关插件如WordPress, Joomla。

经测试支持 Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9。

3. Tubular

推荐10个2014年最佳的jQuery视频插件

tubular是一个强大的jQuery插件,可以让你设定一个YouTube视频作为你的网页背景。

4. FitVids.js

推荐10个2014年最佳的jQuery视频插件

FitVids.js是一个轻量级,易于使用的 jQuery 插件,用于在页中插入响应式视频。

5. BigScreen

推荐10个2014年最佳的jQuery视频插件

BigScreen是一个使用 JavaScript Full Screen API 的简单JS库。BigScreen能够很方便实现网站全屏功能。它支持Chrome 15+, Firefox 10+, Safari 5.1+。

6. Cuepointjs

推荐10个2014年最佳的jQuery视频插件

Cuepoint.js是一个开源的jQuery插件用于在HTML5视频中创建提示点和处理字幕。

7. jQuery Webcam Plugin

推荐10个2014年最佳的jQuery视频插件

jQuery Webcam这个插件为直接在JavaScript中与摄像头通信提供了一个透明的访问层。它通一个SW文件与摄像头交互,可以显示Webcam输出和捕捉图象。如果有多个摄像头,它可以显示可用的摄像头列表,然后供用户选择其中任意一个。

这个插件提供了三种不同的模式:

我们可以使用JavaScript来调用一个轻量级API直接访问摄像头 ? 或更确切地说使用jQuery。

这样,就可以把图像传输到画布上(回调模式),也可以将图像存储在服务器(存储模式),

还能够以流媒体的形式实时传输Flash画布上的图像(流媒体模式)。

8. Video Lightbox

推荐10个2014年最佳的jQuery视频插件

Video LightBox JS是一个免费的向导程序,她只需要你点击几下,就能帮助您轻松地将视频添加到您的网站或博客并且不需要编写任何代码。

9. jQuery Video Gallery

推荐10个2014年最佳的jQuery视频插件

一个简单和轻量级的视频画廊,用于展示.swf视频在一个窗口中。当选中一个缩略图时。

10. Popcorn.js

推荐10个2014年最佳的jQuery视频插件

Popcorn.js 是 HTML5 中的 <video> 事件系统,封装了 <video> 元素并返回 Popcorn 对象。

这是由 Mozilla 赞助的项目。

Popcorn.js利用原生HTMLMediaElement属性,方法和事件,它们归成一个简单易学的API,并提供一个插件来扩展功能。

以上10款插件都很不错,大家根据自己的项目要求自由选择吧

Javascript 相关文章推荐
JQuery 常用操作代码
Mar 14 Javascript
JavaScript避免内存泄露及内存管理技巧
Sep 05 Javascript
使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效
Sep 24 Javascript
Bootstrap每天必学之折叠
Apr 12 Javascript
AngularJS  ng-table插件设置排序
Sep 21 Javascript
Vue中添加过渡效果的方法
Mar 16 Javascript
javascript+html5+css3自定义弹出窗口效果
Oct 26 Javascript
浅谈vue项目重构技术要点和总结
Jan 23 Javascript
JS实现前端页面的搜索功能
Jun 12 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
Sep 23 Javascript
详解JavaScript作用域、作用域链和闭包的用法
Sep 03 Javascript
javascript中layim之查找好友查找群组
Feb 06 Javascript
JavaScript中提前声明变量或函数例子
Nov 12 #Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
Nov 12 #Javascript
js在IE与firefox的差异集锦
Nov 11 #Javascript
超炫的jquery仿flash导航栏特效
Nov 11 #Javascript
推荐JavaScript实现继承的最佳方式
Nov 11 #Javascript
使用 js+正则表达式为关键词添加链接
Nov 11 #Javascript
jQuery 动态云标签插件
Nov 11 #Javascript
You might like
PHP输出数组中重名的元素的几种处理方法
2012/09/05 PHP
Destoon模板制作简明教程
2014/06/20 PHP
php定义参数数量可变的函数用法实例
2015/03/16 PHP
PHP中你应该知道的require()文件包含的正确用法
2015/06/12 PHP
PHP闭包函数详解
2016/02/13 PHP
php实现 master-worker 守护多进程模式的实例代码
2019/07/20 PHP
yii2.0框架实现上传excel文件后导入到数据库的方法示例
2020/04/13 PHP
for 循环性能比较 提高for循环的效率
2009/03/19 Javascript
JavaScript 加号(+)运算符号
2009/12/06 Javascript
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
2013/05/07 Javascript
JavaScript中的连字符详解
2013/11/28 Javascript
javascript 实现子父窗体互相传值的简单实例
2014/02/17 Javascript
jQuery实现简单的间隔向上滚动效果
2015/03/09 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
2015/11/07 Javascript
深入理解JS函数的参数(arguments)的使用
2016/05/28 Javascript
JavaScript简单实现合并两个Json对象的方法示例
2017/10/16 Javascript
JavaScript多线程运行库Nexus.js详解
2017/12/22 Javascript
基于jquery.page.js实现分页效果
2018/01/01 jQuery
解决vue接口数据赋值给data没有反应的问题
2018/08/27 Javascript
layui form.render('select', 'test2') 更新渲染的方法
2019/09/27 Javascript
JavaScript装饰者模式原理与用法实例详解
2020/03/09 Javascript
基于postman获取动态数据过程详解
2020/09/08 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
vue 封装面包屑组件教程
2020/11/16 Javascript
Python中Selenium模拟JQuery滑动解锁实例
2017/07/26 Python
使用tensorflow实现线性svm
2018/09/07 Python
Python设计模式之命令模式原理与用法实例分析
2019/01/11 Python
python 申请内存空间,用于创建多维数组的实例
2019/12/02 Python
Python安装tar.gz格式文件方法详解
2020/01/19 Python
pandas DataFrame运算的实现
2020/06/14 Python
Python datetime 如何处理时区信息
2020/09/02 Python
Python Django路径配置实现过程解析
2020/11/05 Python
python线程优先级队列知识点总结
2021/02/28 Python
税务专业毕业生自荐信
2013/11/10 职场文书
采购类个人求职的自我评价
2014/02/18 职场文书
中学综治宣传月活动总结
2015/05/07 职场文书