20款jQuery 的音频和视频插件

  分享 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.

posted @ 2013-08-23 13:37  汪磊  阅读(859)  评论(0编辑  收藏  举报