Best jQuery Media Plugins & Tutorials with Demo

Clean HTML5 Video Player with Playlist

Clean HTML5 Video Player with Playlist

Clean HTML5 Video Player with Playlist

Features:

  • Responsive layout
  • Ready for Retina Displays
  • Easy to get started, deploy in minutes
  • Highly customizable using HTML and CSS
  • Clean code + LESS
  • Playlists support
  • Multiple instances
  • Based on jPlayer (HTML5 & Flash fallback)

Capture Image using Javascript Webcam API

Capture Image using Javascript Webcam API

It’s a very simple tutorial about how to capture image using JavaScript webcam API. It also includes some good features like cropping, HD quality images, etc.

OverBox : jQuery Responsive Touch Enabled LightBox Plugin

OverBox : jQuery Responsive Touch Enabled LightBox Plugin

OverBox is a Responsive and Touch Enabled jQuery plugin that helps you present your content in a modern and fresh way giving your customers an amazing viewing experience.

Features:

  • Responsive and Touch Enabled
  • Information and Control Bar
  • IFrame: Youtube, Vimeo, Google, Bing, Yahoo Maps, Instagram e.t.c.
  • HTML5 Video, Flash, Ajax
  • 5 Navigation effects.
  • Keyboard controllable UI.
  • 24 Options to customize it as you need.

Tubelab : YouTube plugin for WordPress

Tubelab : YouTube plugin for WordPress

Show playlists, channels and single videos from YouTube, customize the look with custom templates and different display modes. Includes lightbox, embed and direct link to YouTube

  • Display channels, lists & single videos
  • Five build in themes & customization system
  • Fully customizable
  • Change cols & count
  • Ajax pagination
  • Cache system to improve performance
  • Fully responsive
  • 3 view modes: Lightbox / embed / direct link
  • Compatible with Visual Composer
  • Compatible with Layers

PrettyEmbed.js : jQuery Prettier Embeds for YouTubes

PrettyEmbed.js : jQuery Prettier Embeds for YouTubes

Prettier embeds for your YouTubes – with nice options like high-res preview images, advanced customization of embed options, and optional FitVids support.

Features:

  • Choose from one of eight thumbnail sizes
  • Implement programmatically or via HTML5 data- attributes

Tinacious : Fluid Video jQuery Plugin

Tinacious : Fluid Video jQuery Plugin

Tinacious Fluid Video is a jQuery plugin to create fluid videos for Responsive Web Design.The CSS it uses was acquired from a variety of internet resources without luck of finding an original author.

It is easy to use. All you need to know is the video ID and whether it’s a YouTube or Vimeo video.

Document Library : jQuery Plugin

Document Library : jQuery Plugin

Document Library is a jQuery plugin that will allow you to display a collection of documents/files on your web page.The file formats that Document Viewer supports are:

  1. PDF Files
  2. Images – png, jpg, jpeg, gif
  3. Audio – mp3, m4a, oga, webma, fla
  4. Video – m4v, ogv, ogg, webmv

ExpertCamJS.js : Javascript Camera Handler Library

ExpertCamJS.js :Javascript Camera Handler Library

ExpertCamJS is a javascript Camera handler with some options.

  • Capture video, audio
  • Open local video or audio file with subtitle
  • Forward captured stream to another object
  • Grab image from player
  • Record captured stream to webm or ogg

Html5 Audio Visualizer with Controls

Html5 Audio Visualizer with Controls

Html5 audio visualizer with audio play controls.

Aload.js : Loads Images to Scripts Asynchronously

Aload.js : Loads Images to Scripts Asynchronously

Loads images, background images, scripts, styles, iframes, videos and audios asynchronously (just 260 bytes).



Best jQuery websites design awards