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

 更新时间:2014年11月12日 09:36:35   投稿:hebedich  
也许有时你需要在网站上播放一些音频和视频文件,也许你正在建立一个在线社区需要有分享和播放音乐和视频的功能。下面介绍的这些免费jQuery插件也许有你需要的。

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

  1. Bigvideo.js

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

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

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

  2. jPlayer

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

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

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

  3. Tubular

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

  4. FitVids.js

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

  5. BigScreen

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

  6. Cuepointjs

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

  7. jQuery Webcam Plugin

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

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

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

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

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

  8. Video Lightbox

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

  9. jQuery Video Gallery

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

  10. Popcorn.js

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

  这是由 Mozilla 赞助的项目。

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

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

相关文章

  • jQuery中ready事件用法实例

    jQuery中ready事件用法实例

    这篇文章主要介绍了jQuery中ready事件用法,实例分析了ready事件的功能、定义及文档加载就绪以后触发的具体使用技巧,需要的朋友可以参考下
    2015-01-01
  • 基于jquery.page.js实现分页效果

    基于jquery.page.js实现分页效果

    这篇文章主要为大家详细介绍了基于jquery.page.js实现的分页效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • jQuery中大家不太了解的几个方法

    jQuery中大家不太了解的几个方法

    在今天这篇文章中,我们将介绍几个jQuery的相关方法,无论你是入门级极客或者骨灰级极客,可能都会忽略这些方法的使用。希望大家会觉得有帮助!
    2015-03-03
  • jQuery实现的checkbox级联选择下拉菜单效果示例

    jQuery实现的checkbox级联选择下拉菜单效果示例

    这篇文章主要介绍了jQuery实现的checkbox级联选择下拉菜单效果,涉及jQuery鼠标事件响应及表格table动态操作的相关技巧,需要的朋友可以参考下
    2016-12-12
  • jquery判断复选框是否被选中的方法

    jquery判断复选框是否被选中的方法

    这篇文章主要介绍了jquery判断复选框是否被选中的方法,需要的朋友可以参考下
    2015-10-10
  • jquery中获取id值方法小结

    jquery中获取id值方法小结

    ID是html页面中一些元素都可以有个本页面唯一的id包括如,div,input,iframe等等都是可以的,下面我来给大家介绍利用jquery 获取id值方法,有需要了解的朋友可参考
    2013-09-09
  • 鼠标拖动实现DIV排序示例代码

    鼠标拖动实现DIV排序示例代码

    鼠标拖动实现DIV排序的教程有很多,在本文将为大家详细介绍个不错的示例,对比传统的排序,这是一个很不错的尝试
    2013-10-10
  • jquery中toggle函数交替使用问题

    jquery中toggle函数交替使用问题

    jQuery 的toggle()函数使用show()或hide()函数来切换HTML元素的可见状态。今天我们来探讨下jquery中toggle函数交替使用问题
    2015-06-06
  • jquery 延迟执行实例介绍

    jquery 延迟执行实例介绍

    延迟执行在某些特殊的情况下还是蛮有用的,实现的方法也很简单,本文有个不错的示例,有需要的朋友可以参考下,希望对大家有所帮助
    2013-08-08
  • jQuery+ajax读取json数据并按照价格排序示例

    jQuery+ajax读取json数据并按照价格排序示例

    这篇文章主要介绍了jQuery+ajax读取json数据并按照价格排序,涉及jQuery基于ajax动态获取json文件数据并进行数据遍历与排序的相关操作技巧,需要的朋友可以参考下
    2018-03-03

最新评论