在这篇文章中已经收集了 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 视频插件(转)的更多相关文章

  1. 10个最好的 jQuery 视频插件

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

  2. 绝对震撼 10个实用的jQuery/HTML5插件

    在HTML5的世界里,我们见证了无数的特效奇迹,但很多特效我们很难在网页中应用,今天我们要分享10款效果震撼但是又比较实用的jQuery/HTML5插件,希望这些项目在应用的过程中也能给你带来设计灵感 ...

  3. 10个漂亮的jQuery日历插件下载【转载】

    10个漂亮的jQuery日历插件下载 2013-08-07 标签:jQuery日历插件jQuery日历jQuery插件   日期是非常重要的,随时随地.微薄或网站的日期选取器日历必须在那里.您可以使用 ...

  4. 给开发者准备的 10 款最好的 jQuery 日历插件[转]

    这篇文章介绍的是 10 款最棒而且又很有用的 jQuery 日历插件,允许开发者们把这些漂亮的日历插件结合到自己的网站中.这些日历插件易用性都很强,轻轻松松的就可以把漂亮的日历插件装饰到你的网站了.希 ...

  5. 精心挑选10款优秀的 jQuery 图片左右滚动插件

    在现代的网页设计中,图片和内容滑块是一种极为常见和重要的元素.你可以从头开始编写自己的滑动效果,但是这将浪费很多时间,因为网络上已经有众多的优秀的 jQuery 滑块插件.当然,如果要从大量的 jQu ...

  6. The jQuery HTML5 Audio / Video Library (jQuery jPlayer插件给你的站点增加视频和音频功能)

    http://jplayer.org/ The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open s ...

  7. 20款jQuery 的音频和视频插件

    分享 20 款jQuery的音频和视频插件 Blueimp Gallery: DEMO || DOWNLOAD Blueimp gallery 主要为移动设备而设计,同时也支持桌面浏览器.可定制视频和 ...

  8. 10 个免费的 jQuery 可视化编辑器插件

    富文本编辑器,也就是所见即所得的 HTML 编辑器,是网站一个非常重要的组件,特别是对于一些内容发布网站来说.本文介绍 10 个基于 jQuery 的可视化文本编辑器. MarkitUp markIt ...

  9. 10+优秀“分步引导”jQuery插件(转)

    很 多时候一个网站或者一个Web应用出品,为了让你的用户知道你的站点(或应用)有些什么?如何操作?为了让你的用户有更好的体验.往往这个时候都会给你的 站点(应用)添加一个分步指引的效果.然而这样的效果 ...

随机推荐

  1. 命令行界面下用户和组管理之groupmod和groupdel的使用

    NAME    groupmod - modify a group definition on the system SYNOPSIS       groupmod [options] GROUP O ...

  2. [转载]“java.sql.SQLException:指定了无效的 Oracle URL”

    原文地址:"java.sql.SQLException:指定了无效的 Oracle URL"作者:康愚 昨天晚上用MyEclipse连接Oracle,出现了" java. ...

  3. zTree默认选中指定节点并执行事件

    var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); var node = treeObj.getNodeByParam(" ...

  4. ant design 自定义表单验证大全

     需求是 账号名可以是手机号也可以是邮箱 要做手机号和邮箱的验证,官网的那个验证规则不匹配  怎么自定义验证规则?  一:组件部分 <Form horizontal> <Row gu ...

  5. Microsoft Visual Studio 2013 Update 2 离线安装程序

    ☆ 微软官网地址:☆ http://www.microsoft.com/zh-cn/download/details.aspx?id=42665☆ 离线安装程序 直接下载链接:☆ Microsoft ...

  6. 恢复被误操作删除的数据 fn_dblog

    -- Script Name: Recover_Deleted_Data_Proc -- Script Type : Recovery Procedure  -- Develop By: Muhamm ...

  7. build-essential

  8. selenium简单代码入门

    #!/usr/bin/env python #-*- coding:utf-8 -*- import os,sys,string import time import unittest from se ...

  9. shell 数组

    数组赋值:(1) array=(var1 var2 var3 ... varN)(2) array=([0]=var1 [1]=var2 [2]=var3 ... [n]=varN)(3) array ...

  10. UITableViewCell左滑的时候添加多个按钮的方法(iOS8+)以及UIRefreshControl(iOS6+)的使用。

    之前想在cell左滑的时候添加更多的按钮而不是只有‘删除’按钮如下所示,貌似不是一件简单的事.但是现在只要实现几个方法就行了. 代码写的比较垃圾,重在理解这个知识.. . 具体代码: // //  T ...