Best jQuery YouTube Plugins & Tutorials with Demo

PrettyEmbed.js : jQuery Prettier Embeds for YouTubes

PrettyEmbed.js : jQuery Prettier Embeds for YouTubes

Prettier embeds for your YouTubes – with nice options like high-res preview images, advanced customization of embed options, and optional FitVids support.

Features:

  • Choose from one of eight thumbnail sizes
  • Implement programmatically or via HTML5 data- attributes

Tinacious : Fluid Video jQuery Plugin

Tinacious : Fluid Video jQuery Plugin

Tinacious Fluid Video is a jQuery plugin to create fluid videos for Responsive Web Design.The CSS it uses was acquired from a variety of internet resources without luck of finding an original author.

It is easy to use. All you need to know is the video ID and whether it’s a YouTube or Vimeo video.

PreViewTube.js : jQuery plugin for Animating YouTube Thumbnails

PreViewTube.js : jQuery plugin for Animating YouTube Thumbnails

A small jQuery plugin for animating YouTube thumbnails.

Embed-js : jQuery plugin for Automatic Media Embedding system

Embed-js : jQuery plugin for Automatic Media Embedding system

A jQuery plugin for converting text emojis into image-based emoticons, also supporting an automatic media embedding system for multimedia URLs (earlier emoticons-js).

  • Converts emoticon text codes into emoticons :smile: , :heart:
  • Finds links in text input and turns them into html links.
  • Youtube and Vimeo video embedding with video details fetched from the api.
  • HTML5 player supported media embedding (mp3,mp4,ogg)
  • PDF viewing with preview and then the actual pdf in a frame.
  • Inline Code Syntax highlighting (uses highlight.js)
  • Twitter tweet embedding supported
  • Codepen, jsbin,ideone, jsfiddle and plunker embed supported
  • soundcloud and spotify support
  • Twitch tv, dotSub, dailymotion, vine,TED and liveLeak support.
  • Google map location embed

Video Lightning : jQuery Lightbox or Popover for Youtube & Vimeo videos

Video Lightning : jQuery Lightbox or Popover for Youtube & Vimeo videos

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. Popovers are intelligently positioned and allow users to preview videos on hover.

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
  • Preview videos on hover, pin if you want them to stick around
  • 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)

Olly.js : Translate URLs into Rich Media

Olly.js : Translate URLs into Rich Media

Olly.js makes it simple to turn your URLs into rich media. Use it to embed things like YouTube, Vimeo, or videos from a variety of other services automatically.

Flow Gallery : jQuery HTML5 Multimedia Gallery

Flow Gallery : jQuery HTML5 Multimedia Gallery

Flow Gallery is a jQuery plugin based HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a modern and sleek interface. You have the option of presenting your items in in either columns or rows type grid. Along with photos you can choose to display your own self-hosted audio/video files or videos from Youtube/Vimeo/Dailymotion. The gallery features a fully responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The gallery is also optimized for retina and touch screens and provides the feel of a native app.

jQuery Splash Screen Pro

jQuery Splash Screen Pro
  • Full-screen video and image backgrounds
  • Google Fonts support
  • Multiple screens support
  • YouTube & HTML5 videos
  • Launch a preview from the editor

Splash Screen Pro uses a 12-column grid system, similar to Bootstrap’s grid system.Everything in the editor is drag and drop. You can create columns and rows and reposition them however you like.

Munda Forms – Clean, Modern, Responsive Web Forms

Munda Forms - Clean, Modern, Responsive Web Forms

Munda forms is a set of modern, clean form elements suitable for any type of website or form. The package includes 3 working AJAX forms, 5 color variations, 35 HTML demos.

  • Bootstrap grid system
  • 200+ icons
  • jQueryUI widgets: accordion, autocomplete, button, datepicker, dialog, menu, progressbar, selectmenu, slider, spinner, tabs, tooltip.
  • Timepicker, Monthpicker, Input masking
  • Colorpicker
  • Responsive embeded content: Youtube videos, Google maps, Vimeo videos.
  • Star rating
  • Social buttons: 53 brands.
  • CAPTCHA
  • Client side validation
  • Server side validation
  • LESS files

jQuery Youtube Channels Playlist

jQuery Youtube Channels Playlist

jQuery youtube channels playlist has a following features:

  • You can customize width and height of the widget on your website.
  • The widget itself is responsive; given a width (or %) for the widget, the inner contents will resize accordingly.
  • A top featured video can be opened in the video player on load of the widget.
  • Displays your actual complete youtube channel on your website just like its shown on youtube.