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:

• Darkscroll Theme
• Minimal Theme

See also:

• Simple jQuery Youtube Video Gallery Plugin

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.

$('#youtube').spidochetube({
  key: 'API KEY HERE',
  id: 'USER ID'
});

4. More configuration options with default values.

$('#youtube').spidochetube({

  // 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
  
});

Changelog:

2019-10-08

• 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.