Best jQuery YouTube Plugins & Tutorials with Demo

Youmax – YouTube Channel on your Website

Youmax - YouTube Channel on your Website

Youmax 3.0 is a jQuery plugin used to display any youtube channel feeds on your website.

Features:

  • Works on any device size (responsive + fluid)
  • Fancy Layout – uses Wookmark grid
  • Load More button for playlist items
  • Improved lightbox popup for videos – uses Magnific Popup for Videos
  • Optimized code package (minified JS+CSS ~ 40KB)
  • Uses YouTube v3.0 API
  • Customize anything with CSS

Unite Gallery : Responsive jQuery Gallery Plugin

Unite Gallery : Responsive jQuery Gallery Plugin

The Unite Gallery is multipurpose javascript gallery based on jquery library. It’s built with a modular technique with a lot of accent of ease of use and customization. It’s very easy to customize the gallery, changing it’s skin via css, and even writing your own theme.

Features:

  • The gallery play VIDEO from: Youtube, Vimeo, HTML5, Wistia and SoundCloud (not a video but still )
  • Responsive – fits to every screen with automatic ratio preserve
  • Touch Enabled – Every gallery parts can be controlled by the touch on touch enabled devices
  • Responsive – The gallery can fit every screen size, and can respond to a screen size change.
  • Skinnable – Allow to change skin with ease in different css file without touching main gallery css.
  • Zoom Effect – The gallery has unique zoom effect that could be applied within buttons, mouse wheel or pinch gesture on touch – enabled devices
  • Gallery Buttons – The gallery has buttons on it, like full screen or play/pause that optimized for touch devidces access
  • Keyboard controls – The gallery could be controlled by keyboard (left, right arrows)

okvideo : jQuery Fullscreen background Videos Plugin

okvideo : jQuery Fullscreen background Videos Plugin

OKVideo is a jQuery plugin that allows for YouTube or Vimeo videos to be used as full-screen backgrounds on webpages. OKVideo aims to be customizable while making some basic decisions about how the plugin should control video. When using OKVideo, all videos will be served from Vimeo or YouTube based on a number of variables like browser, device, bandwidth, etc.

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

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

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

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.

jQuery Slide Gallery

jQuery Slide Gallery

Welcome in the modern browser your pictures and videos. I worked on the project two weeks for create it. I have the pleasure to present you the effect of my work which is the complex jQuery Gallery script for Images and Videos. The script is easy to use.

Features:

  • Possibility to browse gallery Images.
  • Possibility to b rowse YouTube and Vimeo videos.
  • Sort Media Items by categories.
  • Possibility to add descriptions for Media Items.
  • Fully Responsive.
  • Keyboard support.
  • The ability to set custom keys to control.
  • easy to change the appearance via CSS.

Ultra : jQuery Html5 Video Player

Ultra : jQuery Html5 Video Player
  • custom HTML5 player theme
  • custom Vimeo player theme
  • custom Youtube player theme
  • optional poster image
  • custom player size
  • optional embed option
  • optional facebook share
  • optional twitter share
  • optional mail share
  • optional logo (set position to bottom-left corner, or bottom-right corner, set URL redirect when clicked)
  • you can disable individually logo/embed/facebook/twitter/mail/info if you dont need these features
  • autohide controls: you can choose after how much seconds player controls will disappear
  • optional autoplay
  • optional right-click (to prevent downloading hosted videos)
  • optional player shadow (set one of 6 pre-built shadow effects)

jQuery Video : Unifies the iframe APIs of Youtube, Vimeo and Dailymotion

jQuery Video : Unifies the iframe APIs of Youtube, Vimeo and Dailymotion

Unifies the iframe APIs of Youtube, Vimeo and Dailymotion. Build as responsive jQuery UI widget.

Features:

  • Play, Pause and Stop command
  • for Youtube, Vimeo and Dailymotion Player
  • supports >=IE8, Firefox, Chrome, Safari, Opera
  • Responsive with CSS