Best jQuery Video & Audio Plugins & Tutorials with Demo

jQuery Image Player

jQuery Image Player

This is a rewrite of ImagePlayer plug-in originally written by Kelli Shaver.It is a player/slideshow that looks and works similarly to a conventional video player. You can play/pause, go to the beginning, go to the end, click different points on the scrubber to jump back and forth, and you can enable an option that will pause the playback while hovering over the image. Images are scaled automatically to fit in the player. You can also switch to full-screen. Captions are supported.

PreVideoLoad : jQuery Video Thumb Preloader

PreVideoLoad : jQuery Video Thumb Preloader

Ultralight weight jQuery plugin for load thumb of videos from Vimeo and Youtube and load fully when is needed.

Features:

  • Small filesize
  • Cross-browser (Tested in IE8 but teorically it works in IE6+)
  • Easy customization and configuration
  • Fast page load

Ultimate Media Background for jQuery

Ultimate Media Background for jQuery

With UMBG you can use videos, images, or colors to display beautiful full screen backgrounds. Supports HTML5 videos and hosted videos from YouTube, Vimeo, Dailymotion, and Wistia. You can also use multiple images to create a full screen slideshow.

EasyAudioEffects : jQuery Sound Effects Plugin

EasyAudioEffects : jQuery Sound Effects Plugin

easyAudioEffects.js easyAudioEffects.js is jquery plug-in. This can be given a very easy sound effects for any of the elements on your WEB site.

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.



Best jQuery websites design awards