一切福田,不離方寸,從心而覓,感無不通。

20 款 jQuery 的音频和视频插件

Blueimp Gallery:

DEMO || DOWNLOAD

1. Blueimp Gallery

Blueimp gallery 主要为移动设备而设计,同时也支持桌面浏览器。可定制视频和相片,支持触摸操作,支持全屏播放等。

YoutubeTV:

DEMO || DOWNLOAD

2. YoutubeTV

该插件可以让你直接在网页上播放来自 YouTube 的视频,支持播放列表

Osvaldas:

DEMO || DOWNLOAD

3. Osvaldas

提供水平和垂直显示的播放器

Shadowbox:

DEMO || DOWNLOAD

4. Shadowbox

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

5. Jplayer

jPlayer是一个用于控制和播放mp3文件的jQuery插件。它在后台使用Flash来播放mp3文件,前台播放器外观完全可以使用 XHML/CSS自定义。

Video.js:

DEMO || DOWNLOAD

Video.js-HTML5-and-Flash-Video-Player

Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器

ILightBox:

DEMO || DOWNLOAD

7. ILightBox

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

iView-Slider-Responsive-Slider-jQuery-Plugin

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

webdesign-tutsplus-Skin-Orman-Clark’s-Video-Interface-Using-jPlayer-and-CSS

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

Last.FM-for-jQuery

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

MaxImage-20-jQuery-Cycle-plugin-as-Fullscreen-Background-Slideshow

It allows you to view a slideshow on full screen and supports all sorts of transitions, which is great.

Mediaelement.js:

DEMO || DOWNLOAD

mediaelementjs-HTML5-audio-and-video-players

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

Youmax-jQuery-plugin-Show-complete-Youtube-channel-on-your-website

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

Bootstrap-Video-Player-jQuery-Plugin

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

jWebAudio-jQuery-Web-Audio-library-for-games

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-Player-JavaScript--HTML5-&-Flash-Video-Player

JW FLV MEDIA PLAYER是一个开源的在网页上使用的Flash视频、音频以及图片播放器,支持 Sliverlight 播放,可以通过一个XML文件使播放器自动切换显示一组图片,并播放背景音乐。

jQuery Multimedia Portfolio:

DEMO || DOWNLOAD

jQuery-Multimedia-Portfolio

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

jQuery-Multimedia-Portfolio-2

This jQuery plugin is for unremarkable, manageable and malleable multi-media embedding.

via inspiretrends

转自:http://www.oschina.net/news/43492/jquery-audio-and-video-plugins