推荐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 EasyUI API 中文文档 - Draggable 可拖拽
Sep 29 Javascript
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
May 27 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
Jun 04 Javascript
JavaScript函数定义的常见注意事项小结
Sep 16 Javascript
jQuery中animate动画第二次点击事件没反应
May 07 Javascript
jQuery拖动布局其结果保存到数据库
Oct 09 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
Nov 17 Javascript
javascript中eval和with用法实例总结
Nov 30 Javascript
vue elementUI tree树形控件获取父节点ID的实例
Sep 12 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
Aug 27 Javascript
vue语法自动转typescript(解放双手)
Sep 18 Javascript
javascript执行上下文、变量对象实例分析
Apr 25 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
mac下使用brew配置环境的步骤分享
2011/05/23 PHP
php实现webservice实例
2014/11/06 PHP
PHP自定义错误用法示例
2016/09/28 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
javascript 终止函数执行操作
2014/02/14 Javascript
jquery动态改变form属性提交表单
2014/06/03 Javascript
批量修改标签css样式以input标签为例
2014/07/31 Javascript
论JavaScript模块化编程
2016/03/07 Javascript
Bootstrap每天必学之导航组件
2016/04/25 Javascript
jQuery Mobile 和 Kendo UI 的比较
2016/05/05 Javascript
javascript深拷贝(deepClone)详解
2016/08/24 Javascript
使用Javascript监控前端相关数据的代码
2016/10/27 Javascript
vue 2.0项目中如何引入element-ui详解
2017/09/06 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
2017/11/14 Javascript
vue短信验证性能优化如何写入localstorage中
2018/04/25 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
微信小程序iOS下拉白屏晃动问题解决方案
2019/10/12 Javascript
关于Python中空格字符串处理的技巧总结
2017/08/10 Python
python中itertools模块zip_longest函数详解
2018/06/12 Python
对Django 中request.get和request.post的区别详解
2019/08/12 Python
PyCharm专业最新版2019.1安装步骤(含激活码)
2019/10/09 Python
wxpython布局的实现方法
2019/11/01 Python
Jupyter notebook设置背景主题,字体大小及自动补全代码的操作
2020/04/13 Python
使用Keras中的ImageDataGenerator进行批次读图方式
2020/06/17 Python
13个Pandas实用技巧,助你提高开发效率
2020/08/19 Python
htnl5利用svg页面高斯模糊的方法
2018/07/20 HTML / CSS
基于Python 函数和方法的区别说明
2021/03/24 Python
车间班组长岗位职责
2013/11/13 职场文书
继承公证书
2014/04/09 职场文书
运动会口号大全
2014/06/07 职场文书
中文专业求职信
2014/06/20 职场文书
课前一分钟演讲稿
2014/08/26 职场文书
党员国庆节演讲稿范文2014
2014/09/21 职场文书
2015团员个人年度总结
2015/11/24 职场文书
Python pyecharts绘制条形图详解
2022/04/02 Python
使用CSS实现六边形的图片效果
2022/08/05 HTML / CSS