Best jQuery Video & Audio Plugins & Tutorials with Demo

    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).

    Custom Audio Player with jQuery Audio Controls Plugin

    Custom Audio Player with jQuery Audio Controls Plugin

    Introducing the new jquery AudioControls plugin for custom web HTML5 audio players, this helps you to make fastest audio player system for your web projects. This plugin actually works with HTML5 <audio> tag, create your own player design and just apply plugin data attributes to the HTML elements.

    Frame Player : Video Player without Video files

    Frame Player : Video Player without Video files

    A video player without video files, just JSON. Based on ‘images frames’ thought to mobile devices!