推荐10个2014年最佳的jQuery视频插件_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款插件都很不错,大家根据自己的项目要求自由选择吧

时间: 2024-10-30 01:14:20

推荐10个2014年最佳的jQuery视频插件_jquery的相关文章

为开发者们准备的 10 款超棒的 jQuery 视频插件

跟之前介绍的 2013 年 12 月最好的 35+个 jQuery 插件 不同,这篇文章是给开发者们准备的关于视频播放方面的 10 款最好的 jQuery 视频插件.这 10 款插件各有各的特色,能很方便的在网页上嵌入视频,同时又有很漂亮很简洁的视频播放列表,总之百花齐放,非常好用!相信在这里你会找到适合你的那一款 jQuery 视频插件,细细欣赏吧:) jQuery 是一种快速.简洁的 JavaScript 库,可以简化 HTML 文档遍历.事件处理.动画和 Ajax 交互,能快速进行 web

推荐10个超棒的jQuery工具提示插件_jquery

1. Pop! 使用 Pop!可以创建简单的下拉菜单!这是一个并不引人注目的 jQuery 插件. 2. BetterTip 允许你创建定制的 Tool tips 的 jQuery 插件. 3. EZPZ Tooltip 非常简单的使用边框的 tooltip,同样也可以跟随鼠标. 4. BsTip 各种简单的 tooltips,使用淡入和淡出效果,并且也有边框环绕. 5. clueTip 当鼠标悬浮的时候允许显示一个漂亮的 tooltip 在指定的元素上. 6. inline HTML tool

推荐25个超炫的jQuery网格插件_jquery

jQuery 网格插件可以让你创建各种各样的表格布局,网格布局是报纸和杂志中最常见的布局,现在的网站中也很常见,在这篇文章中,我向大家推荐25个jQuery的网格插件,你可以任意控制网格的行和列,用文本和图片进行填充.我用了顶级的来形容这个些插件,我可以肯定你了解它们之后会觉得很酷. 1. Gridify Gridify是轻量级的 jQuery 插件,用来创建一个类似 Pinterest 图片加载网格插件.支持图像加载事件,支持窗口缩放事件,支持非常长的高度项,支持动态项宽度,支持动画 (CSS

为开发者准备的10款最好的jQuery日历插件_jquery

这篇文章介绍的是 10 款最棒而且又很有用的 jQuery 日历插件,允许开发者们把这些漂亮的日历插件结合到自己的网站中.这些日历插件易用性都很强,轻轻松松的就可以把漂亮的日历插件装饰到你的网站了.希望下面的插件列表能给予你一定的帮助,让你的 web开发更快更好.旧版本的日历插件和下拉框已经被淘汰啦,好好欣赏 jQuery 日历插件给你带来的强烈视觉冲击吧! 1. CLNDR.js CLNDR.js 是一个日历插件,用来创建日历,允许用户随意的按照自己的想法去自定义日历.这个插件不会生成任何的标

分享一个自己动手写的jQuery分页插件_jquery

工作需要一个JS分页插件,心想自己动手写一个吧,一来上网找一个不清楚代码结构的,出了问题难以解决,而且网上的插件所包含的功能太多,有些根本用不到,就没必要加载那段JS,二来想起没写过jQuery插件,就当练一下手了,好了,先看结果: http://demo.jb51.net/js/2014/EasyPage/  简单说一下这个插件所要实现的功能  后台将查询出来的内容全部显示到页面上,这个插件要控制这些内容,使其一页一页显示.有上一页,下一页,首页,尾页的功能.在第一页时,上一页,首页要隐藏.在

创建自己的jquery表格插件_jquery

在模仿easyui的dataGrid表格插件的同时,自己去封装了一个.实现了基本的json数据的动态加载,自动分页,全选全不选,鼠标悬浮变色,隔行变色等 由于涉及到ajax访问,所以必须部署到iis上才能看出效果,先给大家看一下效果图: css样式 /* CSS Document */ body { font: 14px/1.43 "Helvetica Neue", Tahoma, "Microsoft YaHei", Arial; color: #253443;

最实用的jQuery分页插件_jquery

在做商城和订单管理的时候,常常会用到分页功能,所以我封装了一个jQuery的分页插件,该插件主要实现上下翻页,输入数字跳转等功能. 具体实现如下: 输入参数需要当前页码pageNo,总页码totalPage,回调函数callback. 主要的实现有两个函数,一个是根据当前页和总页数生成相应的html的代码,一个是事件绑定及回调函数的执行. creatHtml函数: creatHtml:function(){ var me=this; var content=""; //当前页码 var

自写的一个jQuery圆角插件_jquery

原理是利用1px的div,具体实现看代码. 使用方法: 复制代码 代码如下: $('.test').rounder(); 这样会根据默认的设置产生一个圆角框,效果如图: 圆角处会有点锯齿:(如果仅此而已,那肯定是不够的.我们会想加上自己的一个样式该怎么办?使用方法: 复制代码 代码如下: $('.test').rounder({borderColor:'red',backgroundColor:'#EEE',color:'blue'}); 效果如图: 接下来我就来讲讲实现过程了,先附上jQuer

简洁实用的BootStrap jQuery手风琴插件_jquery

前端 <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-s