Recent news

Saturday, 30 April 2016

jQuery YouTube Video Gallery Plugin





YouTube video gallery in a jquery plugin which display the gallery of video.This plugin uses ul and li to convert the tag into gallery.

How To Use

1. Add the below mention library reference       

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://raw.github.com/clanceyp/youtube-video-gallery/master/jquery.youtubevideogallery.js"></script><link href="https://raw.github.com/clanceyp/youtube-video-gallery/master/youtube-video-gallery.css" rel="stylesheet" type="text/css"></link>


2. Use the below code to perform operation

<ul class="youtube-video-gallery">
    <li><a href="http://www.youtube.com/watch?v=UCOC1YwNwZw">Call me gordie</a></li>
    <li><a href="http://www.youtube.com/watch?v=CjgT8Af1kGc">Bad scooting</a></li>
    <li><a href="http://www.youtube.com/watch?v=0Yww2VhbFL8">Tango!</a></li>
</ul>


3. Use below function to get the youtube video gallery
   
$(document).ready(function () {
        $("ul.youtube-videogallery").youtubeVideoGallery();
    });




Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Previous
Next Post »

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles