10个最好的 jQuery 视频插件(转)
2014-01-16 16:19
218 查看
在这篇文章中已经收集了 10 个最佳的 jQuery 视频插件,帮助开发人员容易地实现网站播放影片功能。可以显示视频和视频播放列表。
1. Bigvideo.js
![](http://images.cnitblog.com/news/66372/201401/161532402053.jpg)
BigVideo.js 是一个 jQuery 插件能够,让你很方便将视频作为网站的背景。
它可以默默地播放一个视频,或用一个列表让用户选择他们喜欢的进行播放。
这个插件基于 Video.js 构建。此外如果有些设备不支持自动播放支持显示成图片。
2. jPlayer
![](http://images.cnitblog.com/news/66372/201401/161532546891.jpg)
jPlayer 是一个可定制和更换皮肤的开源 JQuery 的播放器,允许在网页中播放音频和视频。jPlayer 是跨浏览器兼容的播放器,可以播放多种文件格式,如 MP3,MP4,WMV,FLV 和 OGG。
jPlayer 非常小只有 8kb 左右,并且提供一些流行 CMS 平台的相关插件如 WordPress, Joomla。
经测试支持 Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9。
3. Tubular
![](http://images.cnitblog.com/news/66372/201401/161533025488.jpg)
tubular 是一个强大的 jQuery 插件,可以让你设定一个 YouTube 视频作为你的网页背景。
4. FitVids.js
![](http://images.cnitblog.com/news/66372/201401/161532401735.jpg)
FitVids.js 是一个轻量级,易于使用的 jQuery 插件,用于在页中插入响应式视频。
5. BigScreen
![](http://images.cnitblog.com/news/66372/201401/161532407832.jpg)
BigScreen 是一个使用 JavaScript Full Screen API 的简单 JS 库。BigScreen 能够很方便实现网站全屏功能。它支持 Chrome 15+, Firefox 10+, Safari 5.1+。
6. Cuepointjs
![](http://images.cnitblog.com/news/66372/201401/161532401899.jpg)
Cuepoint.js 是一个开源的 jQuery 插件用于在 HTML5 视频中创建提示点和处理字幕。
7. jQuery Webcam Plugin
![](http://images.cnitblog.com/news/66372/201401/161532402988.jpg)
jQuery Webcam 这个插件为直接在 JavaScript 中与摄像头通信提供了一个透明的访问层。它通一个 SW 文件与摄像头交互,可以显示 Webcam 输出和捕捉图象。如果有多个摄像头,它可以显示可用的摄像头列表,然后供用户选择其中任意一个。
这个插件提供了三种不同的模式:
我们可以使用 JavaScript 来调用一个轻量级 API 直接访问摄像头 – 或更确切地说使用 jQuery。
这样,就可以把图像传输到画布上(回调模式),也可以将图像存储在服务器(存储模式),
还能够以流媒体的形式实时传输 Flash 画布上的图像(流媒体模式)。
8. Video Lightbox
![](http://images.cnitblog.com/news/66372/201401/161532402830.jpg)
Video LightBox JS 是一个免费的向导程序,她只需要你点击几下,就能帮助您轻松地将视频添加到您的网站或博客并且不需要编写任何代码。
9. jQuery Video Gallery
![](http://images.cnitblog.com/news/66372/201401/161532407367.jpg)
一个简单和轻量级的视频画廊,用于展示 .swf 视频在一个窗口中。当选中一个缩略图时。
10. Popcorn.js
![](http://images.cnitblog.com/news/66372/201401/161532408308.jpg)
Popcorn.js 是 HTML5 中的 <video> 事件系统,封装了 <video> 元素并返回 Popcorn 对象。
这是由 Mozilla 赞助的项目。
Popcorn.js 利用原生 HTMLMediaElement 属性,方法和事件,它们归成一个简单易学的 API,并提供一个插件来扩展功能。
1. Bigvideo.js
![](http://images.cnitblog.com/news/66372/201401/161532402053.jpg)
BigVideo.js 是一个 jQuery 插件能够,让你很方便将视频作为网站的背景。
它可以默默地播放一个视频,或用一个列表让用户选择他们喜欢的进行播放。
这个插件基于 Video.js 构建。此外如果有些设备不支持自动播放支持显示成图片。
2. jPlayer
![](http://images.cnitblog.com/news/66372/201401/161532546891.jpg)
jPlayer 是一个可定制和更换皮肤的开源 JQuery 的播放器,允许在网页中播放音频和视频。jPlayer 是跨浏览器兼容的播放器,可以播放多种文件格式,如 MP3,MP4,WMV,FLV 和 OGG。
jPlayer 非常小只有 8kb 左右,并且提供一些流行 CMS 平台的相关插件如 WordPress, Joomla。
经测试支持 Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9。
3. Tubular
![](http://images.cnitblog.com/news/66372/201401/161533025488.jpg)
tubular 是一个强大的 jQuery 插件,可以让你设定一个 YouTube 视频作为你的网页背景。
4. FitVids.js
![](http://images.cnitblog.com/news/66372/201401/161532401735.jpg)
FitVids.js 是一个轻量级,易于使用的 jQuery 插件,用于在页中插入响应式视频。
5. BigScreen
![](http://images.cnitblog.com/news/66372/201401/161532407832.jpg)
BigScreen 是一个使用 JavaScript Full Screen API 的简单 JS 库。BigScreen 能够很方便实现网站全屏功能。它支持 Chrome 15+, Firefox 10+, Safari 5.1+。
6. Cuepointjs
![](http://images.cnitblog.com/news/66372/201401/161532401899.jpg)
Cuepoint.js 是一个开源的 jQuery 插件用于在 HTML5 视频中创建提示点和处理字幕。
7. jQuery Webcam Plugin
![](http://images.cnitblog.com/news/66372/201401/161532402988.jpg)
jQuery Webcam 这个插件为直接在 JavaScript 中与摄像头通信提供了一个透明的访问层。它通一个 SW 文件与摄像头交互,可以显示 Webcam 输出和捕捉图象。如果有多个摄像头,它可以显示可用的摄像头列表,然后供用户选择其中任意一个。
这个插件提供了三种不同的模式:
我们可以使用 JavaScript 来调用一个轻量级 API 直接访问摄像头 – 或更确切地说使用 jQuery。
这样,就可以把图像传输到画布上(回调模式),也可以将图像存储在服务器(存储模式),
还能够以流媒体的形式实时传输 Flash 画布上的图像(流媒体模式)。
8. Video Lightbox
![](http://images.cnitblog.com/news/66372/201401/161532402830.jpg)
Video LightBox JS 是一个免费的向导程序,她只需要你点击几下,就能帮助您轻松地将视频添加到您的网站或博客并且不需要编写任何代码。
9. jQuery Video Gallery
![](http://images.cnitblog.com/news/66372/201401/161532407367.jpg)
一个简单和轻量级的视频画廊,用于展示 .swf 视频在一个窗口中。当选中一个缩略图时。
10. Popcorn.js
![](http://images.cnitblog.com/news/66372/201401/161532408308.jpg)
Popcorn.js 是 HTML5 中的 <video> 事件系统,封装了 <video> 元素并返回 Popcorn 对象。
这是由 Mozilla 赞助的项目。
Popcorn.js 利用原生 HTMLMediaElement 属性,方法和事件,它们归成一个简单易学的 API,并提供一个插件来扩展功能。
相关文章推荐
- 10个最好的 jQuery 视频插件
- 10个最好的 jQuery 视频插件
- 10个最好的 jQuery 视频插件
- 分享10个最好的jQuery表单插件
- 分享10个最好的jQuery表单插件
- 【分享】10个最受欢迎的 jQuery 视频插件
- 10个用来创建动态布局的最好jQuery插件
- 推荐10个2014年最佳的jQuery视频插件
- 10个最棒的jQuery视频插件
- 推荐10个2014年最佳的jQuery视频插件
- 为Web程序员准备的10个最棒的jQuery视频插件
- jQuery背景视频插件Vidbg.js
- jquery html5视频播放插件在iframe中无法全屏解决办法
- 10个完成工作的jquery 时间轴插件
- 8 个最好的 jQuery 树形 Tree 插件
- 10个给力的jQuery图片插件
- 最好用的placeholder插件,jQuery插件EnPlaceholder
- 24款最好的jQuery日期时间选择器插件
- 帮助你生成全屏视频背景的超棒jQuery插件 - BigVideo.js
- 10个有趣强大的 jQuery导航教程/插件分享