How to Create a Responsive YouTube Video Gallery

This tutorial will show you how to create a responsive YouTube Video Gallery with Amazing Slider.

An online demo created with this tutorial is at jQuery Responsive YouTube Video Gallery.

Overview – The Main Dialog of Amazing Slider

With a wizard style, self-explanatory user interface, Amazing Slider is extremely easy-to-use.

jQuery Slider

Step 1 – Add YouTube Videos

Click the Step 1 button on the main navigation bar, in the Add slides dialog, you can define size of the Gallery. Then you can click the YouTube button to add a YouTube video. You can choose a thumbnail image from YouTube or you can select a local image file.

YouTube Video Gallery

Step 2 – Choose a skin and further customise it (optional)

Responsive YouTube Video Gallery

Step 3 – Choose transition effects and further customise them (optional)

Responsive YouTube Video Gallery

Step 4 – (Optional) Configure gallery options

Responsive YouTube Video Gallery

Last Step – Publish the YouTube Video Gallery

In last step, you can publish the gallery to HTML files which can be easily inserted to Dreamweaver, Frontpage and other HTML editors. Or you can create the gallery as a WordPress Slider Plugin.
For how to insert the gallery into your HTML editor or WordPress website, please view tutorials:

JavaScript Slideshow