Best jQuery Video & Audio Plugins & Tutorials with Demo

    Magneticmediajs : JavaScript Solution To Nicely Display Media Content

    Magneticmediajs : JavaScript Solution To Nicely Display Media Content

    Magneticmediajs is a JavaScript solution to display media in a stylish mobile-ready overlay fashion. It also lets you ingest content from today’s most popular media platform: Youtube, Instagram, Vimeo, Flickr, Dailymotion.

    Magneticmediajs is built with a JavaScript class model for easier work of extension, jQuery for DOM manipulation and Less CSS3 with progressive enhancement. It supports various touch events, including swipes between media items, and scales well from mobile devices (iOS, Android …) to large computer screens. Plus it has some super cool design effects for images including a magnifying glass and 8 filters (sepia, grayscale, saturate …).

    Webcam Shoot – Social webcam snapshoot

    Webcam Shoot - Social webcam snapshoot

    Webcam Shoot is a script fun and unique. It allows various uses that you can offer your users, makes it possible, taking pictures from your webcam on your computer.

    You can create a site to collect Selfie, the smiles, the most beautiful and lovely, their animals, and much more. With the ability to click like on facebook.

    Videoconverter.js : Convert videos in your Browser

    Videoconverter.js : Convert videos in your Browser

    Videoconverter.js is a library that allows you to convert and manipulate videos inside of your web browser.The idea for the application was to try and convert any video file into another video format, while allowing filters to be applied to the video – all inside of the browser, without uploading anything.

    jQuery Image Gallery Slideshow with MousePan

    jQuery Image Gallery Slideshow with MousePan

    Multimedia gallery with image mouse pan and touch pan for touch supported devices, video (local, youtube, vimeo) and audio players with Flash backups for older browsers.

    Features:

    • Responsive or fixed size posibilities
    • Video and Audio support (local, youtube, vimeo) with Flash backups for older browsers
    • Playlist can be: auto create from folder(s) of images, html markup, xml playlist
    • Optional deeplinking with jquery address for SEO
    • Unlimited image categories supported
    • Specify number of visible menu thumbnails
    • Thumbnail position bottom / right
    • Thumbnail scale on rollover
    • Optional gallery thumbs side flip (vertical / horizontal)
    • Optional different size image thumbnails per category
    • Optional image description (with optional auto-open)
    • Optional image link
    • Start with menu or any category

    jQuery Youtube Background Video

    jQuery Youtube Background Video

    jQuery plugin that lets you create background videos using youtube api.A wrapper for the Youtube API – Great for fullscreen background videos or just regular videos.

    WebCodeCam : jQuery Barcode & QR-Code Reading plugin

    WebCodeCam : jQuery Barcode & QR-Code Reading plugin

    WebCodeCam is a jQuery plugin for barcode and qr-code reading .The plugin can detect and scan the value of a barcode or qr code presented in the front of the webcam. A callback function is invoked when the image is barcode or qr code is decoded.

    The plugin can also control the captured zoom level, image brightness, contrast, sharpness, threshold, etc..

    Modern HTML5 Responsive Youtube Playlist Player

    Modern HTML5 Responsive Youtube Playlist Player

    This is a responsive video player to play YouTube playlists. You can enter a YouTube playlist id, channel id or an array of video ids as playlist source.

    Features:

    • Enter a Youtube Playlist, Channel, or array of Video ID’s.
    • Newest YouTube API V3
    • Native Fullscreen Support for Major Browsers
    • Fully Responsive
    • Works on Mobile Devices
    • Custom Player Controls
    • Automatically show/hide playlist
    • Continuous Play & Autoplay
    • Social Sharing Buttons (Facebook, Twitter Google+)
    • Many Options More, like: max results, first video, annotations, fullscreen, volume, extra player vars, etc

    Vimeo Portfolio Page with Vanilla JS

    Vimeo Portfolio Page with Vanilla JS

    Vimeo Portfolio Page developed with Vanilla JS plugin with no dependancies.

    Youtubars : Youtube user feed with jQuery & Handlebars Template

    Youtubars : Youtube user feed with jQuery & Handlebars Template

    Display Youtube user feed with jQuery and Handlebars Template.