Lightweight Youtube Video Gallery with jQuery - SpidocheTube

File Size: 96.3 KB
Views Total: 21315
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Lightweight Youtube Video Gallery with jQuery - SpidocheTube

SpidocheTube is an easy-to-use jQuery plugin which displays your Youtube videos and playlists as a gallery on the web page.

More Examples:

See also:

How to use it:

1. Add a theme CSS of your choice into the head section of the html document.

<link rel="stylesheet" href="css/minimal.css">
<!-- OR -->
<link rel="stylesheet" href="css/darkscroll.css">

2. Create a container to place the Youtube player and the playlist.

<div id="youtube" class="spidochetube"></div>

3. Initialize the plugin and insert the Youtube API key & user ID into the JavaScript.

  key: 'API KEY HERE',
  id: 'USER ID'

4. More configuration options with default values.


  // max results to display per page
  max_results      : 10,

  // auto play
  autoplay         : 0,

  // dark or minimal
  theme            :'dark',

  // allows paging
  paging           : 0,

  // scroll druation
  scroll_duration  : 0,
  first_load       : true,

  // fired after playlist is loaded
  complete: null



  • JS updated
  • Demo page updated

This awesome jQuery plugin is developed by spidoche. For more Advanced Usages, please check the demo page or visit the official website.