Best jQuery Video & Audio Plugins & Tutorials with Demo

colorizer : jQuery Dancing Lights on Music

colorizer : jQuery Dancing Lights on Music

Colorizer is an intersting jquery plugin that makes you possible to create the lighte dancing on the cover of music.

SuperEmbed.js : Fluid width for Embedded Videos

SuperEmbed.js : Fluid width for Embedded Videos

SuperEmbed.js detects YouTube, Vimeo, Vine, VideoPress, DailyMotion, and more embedded videos on webpages and makes them responsive. Essentially, this means they strech to fill their container while still maintaining the original aspect ratio.

  • Works without external libraries like JQuery
  • Works automatically with YouTube, Vimeo, Kickstarter, CollegeHumor, Hulu, Flickr, Vine, VideoPress, DailyMotion, Twitch.tv, and Vid.me embedded videos
  • Responsive videos maintain their original aspect ratio
  • Responsive layout can be forced or blocked with classes applied to the embed code
  • Extremely tiny, the minified version is only 1.4 KB

Lightgallery.js : JavaScript Lightbox Gallery

Lightgallery.js : JavaScript Lightbox Gallery

Lightgallery.js is a full featured JavaScript lightbox gallery. No dependencies.

  • Fully responsive.
  • Modular architecture with built in plugins.
  • Touch support for mobile devices.
  • Mouse drag supports for desktops.
  • Double-click/Double-tap to see actual size of the image.
  • Animated thumbnails.
  • Social media sharing.
  • YouTube, Vimeo, Dailymotion, VK and HTML5 video support.
  • 20+ Hardware-Accelerated CSS3 transitions.
  • Full screen support.
  • Supports zoom.

Responsive YouTube Player with Playlist : jQuery Plugin

Responsive YouTube Player with Playlist : jQuery Plugin

Responsive YouTube Player with Playlist.Since Youtube API V3.0, it’s mandatory to create a YT API key in order to get the playlists contents programatically… there aren’t other ways to do this. The old XML Feed used in the V.01 of RYPP has been removed by Youtube and no longer exists.

Interactive Record Player : Javascript Experiment

Interactive Record Player : Javascript Experiment

Today we’d like to share an experimental old school record player template with you. The idea is to tap into the incredibly awesome Web Audio API and see what we can do with it. The demo starts with an initial grid view, powered by Masonry. Once a grid item is clicked, a circle expands and covers the grid, revealing the selected album. Now we are in a slideshow view where we can browse through the records.

Bideo.js : Easy fullscreen Video Backgrounds

Bideo.js : Easy fullscreen Video Backgrounds

Bideo.js is a JS library that makes it super easy to add fullscreen background videos.

Plyr : Simple HTML5 Media Player

Plyr : Simple HTML5 Media Player

A simple, accessible and customizable HTML5, YouTube and Vimeo media player.

  • Accessible – full support for VTT captions and screen readers
  • Lightweight – under 10KB minified and gzipped
  • Customisable – make the player look how you want with the markup you want
  • Semantic – uses the right elements. <input type="range"> for volume and <progress> for progress and well, <button>s for buttons. There’s no <span> or <a href="#"> button hacks
  • Responsive – as you’d expect these days
  • HTML Video & Audio – support for both formats
  • Embedded Video – support for YouTube and Vimeo video playback
  • API – toggle playback, volume, seeking, and more

jQuery Soundcloud Player

jQuery Soundcloud Player

jQuery Soundcloud Player. Stream track playlist by title, tags or username.

Flexy : jQuery Responsive Iframe Plugin

Flexy : jQuery Responsive Iframe Plugin

Flexy is a very light jQuery plugin for responsive iframe,object,embed,video.

Ax5ui : jQuery based Bootstrap UI Plugins

Ax5ui : jQuery based Bootstrap UI Plugins

“ax5core” is a collection of utility functions that have been designed for use in ax5ui. It was designed to the utility to act as a minimum code. So it can be considered to be simple compared to other utilities.



Best jQuery websites design awards