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

jQuery 是一种快速、简洁的 JavaScript 库,可以简化 HTML 文档遍历、事件处理、动画和 Ajax 交互,能快速进行 web 开发。一个 jQuery 插件基本上是一种新方法,用来扩展 jQuery 原型对象。当扩展原型对象时,所有的 jQuery 对象就会启用并且能够添加和继承其他的任何方法。 1. Bigvideo.js BigVideo.js 是一个 jQuery 视频插件,能让用户很方便将视频作为网站的背景并且能够生成自适应的视频背景。它可以播放一个无声视频(或一系列视频),或者像播放器一样提供一个视频列表给用户,让他们选择喜欢的进行播放。这个插件基于 Video.js 构建。此外如果有些设备不支持自动播放则转换成用图片来显示。这款插件要求 jQuery UI(滑块控制)和 jQuery 图像加载插件。在线演示 2. jPlayer jPlayer 是个完全免费和开源的媒体库 (media library)。作为jQuery插件的一员,使用jPlayer可以在你的网页上轻松加入跨平台的音乐和视频。通过jPlayer的API,你可以构想出具有创意的影音解决方案。  在线演示 3. Tubular Tubular 是一款 jQuery 插件,允许用户自由的设置 YouTube 上面的视频作为自己网页的背景。直接使用的时候需要安装 Javascript 和 Flash player 和具有相应功能的客户端浏览器。Tubular 依赖于 jQuery 和swfobject 。用户使用的时候只需要添加到你的 body 标签里面,指定一个 YouTube 的视频 ID 并且把 ID 告诉你的内容封装。需要注意的是,Tubular 必须部署在 web 服务器上。 4. FitVids.js Fitvids.js 是个轻量级,易于使用的 jQuery 插件,用来在网页上播放指定宽度的嵌入视频。Fitvides.js 会自动通过 Thierry Koblentz 的 Intrinsic Ration 方法来在你的响应式网页中实现流体宽度视频。有一款自定义的视频播放器吗?答案是肯定的,Fitvides.js 提供一个 customSelector 自定义选择器,允许用户添加自定义的视频供应商。在线演示 5. BigScreen BigScreen 是一个调用 JavaScript Full Screen API 的 JS 库,使用户更容易在网页或者应用上使用全屏功能。它能避免与浏览器不一致的错误,特别是当你在 iframe 里面使用全屏功能的时候。如果元素包括一个视频和旧版的 API ,那么它会很聪明的退回到旧版的视频全屏 API 中,目前支持多种浏览器:Chrome 15+, Firefox 10+, Safari 5.1+。  在线演示 6. Cuepointjs Cuepoint.js 是一款处理 HTML5 视频字幕和制作提示点信息的 jQuery 插件,几秒就显示一组字幕。它提供一个设置时间的事件,可以用来附加任何元素跳到多媒体第二个提示点。在线演示 7. jQuery Webcam Plugin jQuery Webcam 直接在JavaScript中与摄像头通信提供了一个透明的访问层。它通一个SW文件与摄像头交互,可以显示Webcam输出和捕捉图象。如果有多个摄像 头,它可以显示可用的摄像头列表,然后供用户选择其中任意一个。视频传输可以是任何大小(但是,必须要重新编译 SWF 文件)。 在线演示 8. Video Lightbox Video LightBox JS 是一款自由的向导程序,能让用户更简单的在网站,网页和博客中嵌入视频。用户只需要点击几下鼠标,一行代码也不用写就可以轻松完成任务。嵌入视频只需要三个步骤:1.添加视频  2.选择模版  3.发布 。在线演示 9. jQuery Video Gallery jQuery Video Gallery 是一款简单,轻量级的视频库,用户只需要选择一个视频缩略图就可以直接播放相关的 .swf 视频了。 10. Popcorn.js Popcorn.js 是 HTML5 中的 <video> 事件系统,封装了 <video> 元素并返回 Popcorn 对象。这是由 Mozilla 赞助的项目。在线演示 via codegeekz.com from:http://www.oschina.net/news/47931/10-best-jquery-video-plugins-for-developers

20 款 jQuery 的音频和视频插件

Blueimp Gallery: DEMO || DOWNLOAD Blueimp gallery 主要为移动设备而设计,同时也支持桌面浏览器。可定制视频和相片,支持触摸操作,支持全屏播放等。 YoutubeTV: DEMO || DOWNLOAD 该插件可以让你直接在网页上播放来自 YouTube 的视频,支持播放列表 Osvaldas: DEMO || DOWNLOAD 提供水平和垂直显示的播放器 Shadowbox: DEMO || DOWNLOAD Shadowbox is a great plugin and is a perfect web-based media viewer app and the best part is that it supports entire list of media publishing formats. This app can be customized way too easily. Jplayer: DEMO || DOWNLOAD jPlayer是一个用于控制和播放mp3文件的jQuery插件。它在后台使用Flash来播放mp3文件,前台播放器外观完全可以使用 XHML/CSS自定义。 Video.js: DEMO || DOWNLOAD Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器 ILightBox: DEMO || DOWNLOAD If you are looking to build exquisite responsive overlay windows, ILightBox is perfect for you. It offers you friendly API and a wide variety of beautiful skins. It supports all browsers and Android. IView Slider: DEMO || DOWNLOAD This is basically an image slider designed with jQuery and also displays animated captions. The layout is obviously responsive and the best part is that you can add as many images and captions as you want. You can use it for presentations and banner ads. Webdesign Tutsplus: DEMO || DOWNLOAD This can be a great demo if you are looking to build a video player interface. Here, we will be following Orman clark’s premium pixel design and let me tell you, it will be a great fun. Last.FM: DEMO || DOWNLOAD This one is my personal favorite as it can help in tracking your few last played songs from Last.FM APIs. Soon they will be launching additional features which will help you in tracking your favorite and most listened songs. MaxImage 2.0: DEMO || DOWNLOAD It allows you to view a slideshow on full screen and supports all sorts of transitions, which is great. Mediaelement.js: DEMO || DOWNLOAD It does not offer latest browsers an HTML5; instead it allows users to upgrade with custom flash and Silverlight plugins. Once this plugin is installed, you’ll see the magic happen as it will support all browsers. Youmax 1.0: DEMO || DOWNLOAD This can prove to be a lot beneficial because with this, you can have your own Youtube on your website because it works just like that. Other users can view your uploaded files and you can display your playlist and a lot more. Bootstrap Video Player jQuery plugin: DEMO || DOWNLOAD This is actually based on Bootstrap UI and is highly customizable. It enables you to auto play a song of your choice, shows progress bar, shows video timer and volume bar. There a lot of other features included as well. JWeb Audio: DEMO || DOWNLOAD Controlling your audio just gets easier, thanks to JwebAudio. It basically helps users in controlling the sounds of web games. Also, adding sound effects with the help of JWebAudio is very easy. You can even add 3D sound effects. J-media element HTML5 Video player: DEMO || DOWNLOAD This a jQuery based plugin and this element is basically a multimedia framework. It allows you to embed multi-media content in a great way. JW Player: DEMO || DOWNLOAD JW FLV MEDIA PLAYER是一个开源的在网页上使用的Flash视频、音频以及图片播放器,支持 Sliverlight 播放,可以通过一个XML文件使播放器自动切换显示一组图片,并播放背景音乐。 jQuery Multimedia Portfolio: DEMO || DOWNLOAD This is a simple one yet effective. This allows automatic detection of the media player being used and will apply the adapted player. jQuery Multimedia Portfolio 2: DEMO || DOWNLOAD This jQuery […]