Best jQuery Video & Audio Plugins & Tutorials with Demo

    jQuery Video Lightning

    jQuery Video Lightning

    Turn any element into a lightbox or popover link for Youtube and Vimeo videos.Includes access to all embed API options for both providers as well as a healthy set of style options.The main one, and the reason we built it, is for quick video explainers in the appropriate places. This little plugin bootstraps getting those helpful little videos in place.

    Features:

    • Simple access to all embed API options for both providers
    • Lots of options to customize and beautify your lightboxes
    • Intelligent popover auto positioning gravitates to page center
    • Lazy loading of videos prevents slow page load due to video embeds
    • Rick Roll with ease (don’t pass video id, add rick_roll option to prevent closing)

    YoutubeTV : jQuery YouTube User/Playlist player

    YoutubeTV : jQuery YouTube User/Playlist player

    A small, slick, library independent YouTube User/Playlist player.

    Features:

    • Library Independent
    • Customizable via CSS
    • Autoplay
    • Remove YouTube Chrome
    • Supports Playlists and Users
    • jQuery Support
    • Module Support

    Demos :

    PlumTube : Combined power of jQuery and YouTube Video feeds

    PlumTube : Combined power of jQuery and YouTube Video feeds

    PlumTube utilizes the combined power of jQuery and YouTube API v2.0 video feeds to generate an list of links to videos on a particular YouTube channel or playlist. The output is a clean unordered list element that can be styled as desired, and can also support the addition of modal popup player functionality from plugins such as fancybox.

    ion.sound : jQuery Plugin for Playing Sounds on Events

    ion.sound : jQuery Plugin for Playing Sounds on Events

    Today websites are full of events (new mail, new chat-message, content update etc.). Often it is not enough to indicate this events only visually to get user attention. You need sounds! This library, made for playing small sounds, will help you with this task.

    Description:

    • Ion.Sound — Plugin for playing sounds on events
    • Crossbrowser support: Google Chrome, Mozilla Firefox, Opera, Safari, IE(9.0+) and mobile browsers
    • Ion.Sound freely distributed under terms of MIT licence.
    • Ion.Sound includes 15 free sounds

    jQuery FullScreen Background / Gallery – Image and Video

    jQuery FullScreen Background / Gallery - Image and Video

    This jQuery plugin can be used as Full Screen Multimedia Background, Full Screen Multimedia Gallery and Full Width Multimedia Slider with both Image and Video.

    Features:

    • Over 40 js options from where you can customize the plugin.
    • The plugin is fully responsive, including images and texts and will adapt the browser/device resolution.
    • It is compatible with IOS and Android operating systems.
    • Animated text from any direction: top, bottom, left and right, CSS and HTML formated.
    • Parameters for color, dimensions & transparency.

    tracking.js : Real Time tracking techniques by the Camera

    tracking.js : Real Time tracking techniques by the Camera

    The tracking.js brings to web elements tracking techniques of a real scene captured by the camera, through natural interactions from object tracking, color markers, among others, allowing the development of interfaces and games through a simple and intuitive API.

    Simple Instagram VIDEO with jQuery & HTML5

    Simple Instagram VIDEO with jQuery & HTML5

    Simple Instagram Video is a premium Instagram plugin that uses the power of HTML5 Video to showcase the latest functionality of the Instagram API. We know you will love it as much as we do because we’ve designed it to be as beautiful as it is useful. Give it a try, have some fun, and share you moments with the world!

    Features:

    • Superior Codebase – Built on our amazingly bulletproof framework
    • Responsive Design – Fully mobile-ready design adapts to any device.
    • Fullscreen Video – Enjoy your videos fully regardless of the device.
    • Advanced Video Thumbnail Gallery Mode – Share your best Instagram videos with our clean thumbnail gallery.
    • Premium Video Playlist Gallery Mode – Display your videos with our unique playlist style video player.
    • Popular Instagram Feed Mode – This feed mode pulls in the photos from the Instagram popular feed.
    • Tag Instagram Feed Mode – This feed mode allows you to specify a tag to search from the Instagram API.
    • User Instagram Feed Mode – This feed mode allows you to specify a user id to pull in photos from a specific user.
    • Multiuser Instagram Feed Mode – This feed mode allows you to specify multiple user id’s to pull in photos from specific users. Note, this feature does NOT allow load more functionality.
    • Liked Instagram Feed Mode – Display photos and videos that you’ve liked all accross the Instagram API.

    StarTube : YouTube Video Gallery Powered by jQuery

    StarTube : YouTube Video Gallery Powered by jQuery

    StarTube is a powerful yet easy to use video gallery based on the brand new StarTube jQuery Plugin. It’s a perfect choice if you wish to bring your favorite videos from YouTube to your website and display them nicely inside a categorized gallery. Developed in best practises of HTML5, CSS3, and Javascript.

    Features:

    • A responsive design that looks great on desktops, tablets and smart phones
    • Add unlimited number of videos to the gallery
    • Optionally group videos by categories
    • Assign videos to multiple categories to best match your gallery structure
    • Navigate using the keyboard as well as the on-page controls
    • Set custom player width value for best responsive performance on all devices
    • Set the number of thumbnails to show per page in the navigation panel
    • Set the video quality for the YouTube player
    • Enable or disable continuous video loop
    • Lite and dark color schemes available to switch between for smooth design integrations

    ScriptCam : jQuery plugin to manipulate Webcams

    ScriptCam : jQuery plugin to manipulate Webcams

    ScriptCam is a popular JQuery plugin to manipulate webcams. Take snapshots, detect movement, colors, QR and barcodes, record videoclips and organize videochats.

    Impress your clients and visitors with this multi-language and fully customizable library.

    Facebook Style Video Url Expander with jQuery & PHP

    Facebook Style Video Url Expander with jQuery & PHP

    Today I am going to share  facebook style url expanding videos using jQuery & PHP. This script will take Youtube, Vimeo, SoundCloud, Metacafe, & Dailymotion video url as input and it will return a video as output with automatically fetch the title & description of the respective video.