推荐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 相关文章推荐
JS限制上传图片大小不使用控件在本地实现
Dec 19 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
Apr 16 Javascript
jquery ui dialog替代confirm实例分析
Jan 25 Javascript
AngularJS 路由详解和简单实例
Jul 28 Javascript
在点击div中的p时,如何阻止事件冒泡
Feb 07 Javascript
js实现移动端微信页面禁止字体放大
Feb 16 Javascript
JS实现css hover操作的方法示例
Apr 07 Javascript
JavaScript的Object.defineProperty详解
Jul 09 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
Sep 20 Javascript
cocos2dx+lua实现橡皮擦功能
Dec 20 Javascript
Vue快速实现通用表单验证功能
Dec 05 Javascript
原生JavaScript实现轮播图
Jan 10 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
Zend的MVC机制使用分析(二)
2013/05/02 PHP
Symfony2实现在controller中获取url的方法
2016/03/18 PHP
基于PHP实现通过照片获取ip地址
2016/04/26 PHP
详解cookie验证的php应用的一种SSO解决办法
2017/10/20 PHP
PHP闭包定义与使用简单示例
2018/04/13 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
JavaScript 学习 - 提高篇
2007/02/02 Javascript
javascript与asp.net(c#)互相调用方法
2009/12/13 Javascript
jquery动态加载图片数据练习代码
2011/08/04 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
全面解析Bootstrap表单使用方法(表单按钮)
2015/11/24 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
2016/07/27 Javascript
AngularJS API之copy深拷贝详解及实例
2016/09/14 Javascript
基于JavaScript实现随机颜色输入框
2016/12/10 Javascript
js评分组件使用详解
2017/06/06 Javascript
微信小程序实现的canvas合成图片功能示例
2019/05/03 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
2019/05/07 Javascript
手把手15分钟搭一个企业级脚手架
2019/09/16 Javascript
使用python写的opencv实时监测和解析二维码和条形码
2019/08/14 Python
python处理RSTP视频流过程解析
2020/01/11 Python
Python3 实现爬取网站下所有URL方式
2020/01/16 Python
Python django框架开发发布会签到系统(web开发)
2020/02/12 Python
pytorch查看通道数 维数 尺寸大小方式
2020/05/26 Python
浅谈CSS3中的变形功能-transform功能
2017/12/27 HTML / CSS
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
德国高尔夫商店:Golfshop.de
2019/06/22 全球购物
巴西最大的运动品牌:Olympikus
2020/07/14 全球购物
Jdbc数据访问技术面试题
2012/03/30 面试题
一名毕业生的自我鉴定
2013/12/04 职场文书
银行批评与自我批评
2014/02/10 职场文书
工厂搬迁方案
2014/05/11 职场文书
中国梦口号
2014/06/13 职场文书
八年级数学教学反思
2016/02/17 职场文书
【DOTA2】总决赛血虐~ XTREME GAMING vs MAGMA - OGA DOTA PIT 2022 CN
2022/04/02 DOTA
浅谈为什么我的 z-index 又不生效了
2022/07/15 HTML / CSS