Best jQuery YouTube Plugins & Tutorials with Demo

Youtube-like jQuery Ajax Loading Bar

Youtube-like Ajax Loading Bar

A little jQuery plugin that will let you add a Youtube-like loading bar to all your ajax links.

Revolution Lightbox with JavaScript & CSS3

Revolution Lightbox with JavaScript & CSS3

Revolution Lightbox is a full blown multimedia responsive lightbox that runs on all major browsers and mobile devices like iPhone, iPad, iOS, Android and Windows8. It has support for image, video (mp4), audio (mp3), Vimeo, YouTube, iFrame, AJAX, HTML content, Google maps and flash.

Revolution Lightbox has high performance using OOP code and the latest CSS3 techniques, ready for mobile with swipe support, very flexible, easy to setup and extremely customizable. The playlists / content can be created using simple HTML markup or JSON, plus the visual and programmatic settings can be modified at runtime, this allows to have different themes with various settings in the same.

YouTube And Vimeo Video Player With Playlist

YouTube And Vimeo Video Player With Playlist
  • YouTube and Vimeo Support
  • Customizable Color Scheme
  • Responsive Design
  • Mobile Compatible
  • Playlist With 3 Versions
  • Multiple Parameters
  • Fixed And Full Width Versions
  • 16 Photo Transition Effects (only for images)
  • Layered Text Elements (only for images)
  • Link For Each Slide (only for images)
  • Touch Screen Navigation (only for images)
  • Circle Timer (only for images)

Vimuse : jQuery HTML5 Media Player

Vimuse : jQuery HTML5 Media Player

Vimuse HTML5 Media Player is a jQuery plugin that allows you to play both audio and video in a modern and sleek interface. You can choose to play your own audio/video files or videos from Youtube/Vimeo or even Shoutcast streams. The player features a fluid responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The player is also optimized for retina and touch screens and provides the feel of a native app.

Features:

  • Play video and audio files.
  • HTML5 playback with Flash/Silverlight fallback.
  • Playlist data is passed through JSON.
  • Special layout for audio-only mode.
  • Play videos from Youtube/Vimeo.
  • Pull videos from Youtube user, playlist or search query.
  • Pull videos from Vimeo user, album or channel.
  • Play Shoutcast streams and show track info and cover-art.
  • Extract audio info from ID3 tags – cover, track, artist, album.
  • Build playlist by scanning folder for mp3 files.
  • Several layout options.
  • Player API functions and events.
  • Mobile, retina and touch screen optimized

Creative Player – jQuery WordPress Plugin

Creative Player - jQuery WordPress Plugin
  • Auto create playlist from folder(s) of mp3 files
  • Shoutcast (Internet Radio)
  • SoundCloud (user tracks, single track, user favorites, user groups)
  • Youtube (single video, playlist video)
  • Official FM (single track, playlist tracks, project tracks)
  • 5 skin for Player
  • Add media albums (songs, videos or both of them)
  • Read files with ftp
  • Read file from folder
  • Add files with direct link
  • Read ID3 tags and fill them automatic
  • Show items lists
  • Share on social networks like facebook twitter google+
  • Keyboard navigation
  • Drag and Drop : You can play your own music or video by Drag and Drop of covers.

Royal Video Player with HTML5 & JavaScript

Royal Video Player with HTML5 & JavaScript

Royal Video Player is a powerful responsive video player that can play local videos, streaming videos from a server or Youtube videos. It only requires the mp4 format (the best and most used format on the web) and it will work on mobile devices and desktop machines no matter which browser is used including older browsers like IE7/IE8, this is made possible by incorporating four video engines into the Royal Video Player, basically it has built-in a HTML5 Youtube video engine, normal video engine, flash Youtube video engine and flash normal video engine. Royal Video Player supports unlimited playlists and each playlist can have unlimited videos. The playlists can be loaded from a simple HTML markup, XML file, video folder or youtube playlist.

jQuery lightGallery Plugin

jQuery lightGallery Plugin

jQuery lightGallery is a lightweight jQuery lightbox gallery for displaying image and video gallery.

Features:

  • Responsive layout.
  • Touch support for mobile devices.
  • CSS transitions with jQuery fallback.
  • Youtube Vimeo Video Support.
  • Slide and Fade Effects.
  • Chrome, Safari, Firefox, Opera, IE7+, IOS, Android, windows phone.
  • Image captions and descriptions.
  • Multiple sliders on the same page.
  • Easily customizable via CSS and Settings.
  • Lightweight (8kb) (minified).
  • Thumbnail support.
  • Separate images for mobile devices
  • Can be extended with callbacks
  • Smart image preloading and code optimization
  • Keyboard Navigation for desktop
  • Font icon support

Easy Video Player with JavaScript & Html5

Easy Video Player with JavaScript & Html5

Easy Video Player is a powerful responsive video player that can play local videos, streaming videos from a server or Youtube videos. It only requires the mp4 format (the best and most used format on the web) and it will work on mobile devices and desktop machines no matter which browser is used including older browsers like IE7/IE8, this is made possible by incorporating four video engines into the Easy Video Player, basically it has built-in a HTML5 Youtube video engine, normal video engine, flash Youtube video engine and flash normal video engine. Packed with a huge amount of features like responsive layout, multiple instances manager, flexible skin, facebook share etc

HTML5 Video Player like YouTube in jQuery plugin

HTML5 Video Player like YouTube in jQuery plugin

VideoControls is a open source free plugin made in jQuery for display a YouTube-Like control bar. Based on the new HTML5 tag <video>, VideoControls is cross platform, simple and free to use.

Features:

  • Free & Open Source
  • Easy to use
  • Lightweight
  • Based on jQuery
  • 100% skinnable using CSS
  • Consistent look between browsers
  • Preview on timebar mouse over
  • Markers on timebar
  • Buffer loading visibility
  • Full screen
  • Play/pause, seek
  • Volume Control
  • Mute/unmute
  • Mobile compatible

Magic Slider with layers & Carousel with LightBox

Magic Slider with layers & Carousel with LightBox

Magic Slider and Carousel will help you to create the next generation of sliders, using the CSS3 transitions for layers and an ultra-smooth KenBurns effect. You’ll also be able to create interactive ‘magic’ carousels with YouTube, Vimeo and HTML5 video support; HTML5 audio support; Image support; Links support.

Features:

  • touch screen navigation support for mobile
  • responsive design. Available parameter to disable responsive behaviour
  • 2 predefined skins: bullets & thumbs
  • layered elements: permits almost unlimited number of layers, images or texts.
  • animated layers from any direction: top, bottom, left and right using smoooth CSS3 transitions.CSS and HTML formated
  • each layer has parameters for intial move animation, intermediate move animation and exit move animation
  • Ultra-smooth Ken Burns Effect for background image, on all major browsers
  • ‘Fade’ and ‘Slide’ transitions to navigate between the slides. Parameters to set the speed and easing.
  • Fixed Dimensions Version, Full Width Version and Responsive Version
  • external url link parameter for each slide
  • target parameter: _blank or _self
  • width & height parameters
  • autoplay parameter
  • loop parameter
  • show/hide controllers parameter
  • show/hide bottom thumbs parameter
  • circle timer parameters for color, dimensions, transparency
  • you can include YouTube and Vimeo