jQuery YouTube Player Plugin: Embed YouTube video player and images in a page

Recommend this page to a friend!
  Info   View files Example   View files View files (8)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 119 All time: 388 This week: 4Up
Version License JavaScript version Categories
jquery-youtube 1.0BSD License5HTML, jQuery, Video
Description Author

This is a jQuery plugin that can embed YouTube video player and images in a page.

It can load the image or the video player of a given YouTube video inside the current HTML element.

The YouTube player parameters can be configured like auto-hide, auto-play, HD playback, show information, etc..

Innovation Award
JavaScript Programming Innovation award nominee
December 2016
Number 3
YouTube is the most popular Internet video platform. Many people use it to host videos to be embedded in Web site pages.

This jQuery plug-in makes it easy to dynamically embed YouTube videos as well their screenshot images with control of several playback parameters.

Manuel Lemos
Picture of Emil Kilhage
  Performance   Level  
Name: Emil Kilhage <contact>
Classes: 5 packages by
Country: Sweden Sweden
Age: ???
All time rank: 1112 in Sweden Sweden
Week rank: 6 Up1 in Sweden Sweden Up
Innovation award
Innovation award
Nominee: 4x

Winner: 2x


/ * jQuery Youtube plugin * Class for loading Youtube videos and images * * https://github.com/kilhage/jquery-youtube * @creator Emil Kilhage, 2010 * @version: 1.0 * @date: 2010-11-14 04:33:30 * MIT Licensed. * Usage examples: *--------------------------------------------------------------- * Html: * @param href: youtube id * @param alt: json encoded string with the width and height * <a class="youtube" href="47piCmAB0s4" alt="{'width':'300','height':'240'}"></a> * * Javascript: * @param type: The type of element you want to get * $.fn.youtube(type); * * To load the image: * $('.youtube').youtube('image'); * * To load the video: * $('.youtube').youtube('video', config); *--------------------------------------------------------------- * The global object: * * $.youtube.config(); * Will return the current config * * $.youtube.config({ * autohide: true * }); * Will replace the default value of the autohide parameter * * $.youtube.config({ * autohide: true * }, true); * Will replace the current config with the config object that you pass *

www.glooby.com www.glooby.se

  Files folder image Files  
File Role Description
Files folder imagetest (5 files)
Accessible without login Plain text file example.html Example Example
Plain text file jquery-youtube.js Class Class source
Accessible without login Plain text file README.md Doc. Documentation

  Files folder image Files  /  test  
File Role Description
  Accessible without login Plain text file bench.js Aux. Auxiliary script
  Accessible without login Plain text file bench.php Data Auxiliary data
  Accessible without login Plain text file min.html Data Auxiliary data
  Plain text file test.js Class Class source
  Accessible without login Plain text file test.php Data Auxiliary data

 Version Control Unique User Downloads Download Rankings  
This week:0
All time:388
This week:4Up