How do I insert youtube videos into the lightbox!

To get the site to work with youtube videos we need to change a little bit of code, nothing scare I promise!

In the file lib/jquery-config.js find the line

$("a.lightbox").fancybox({
    'titlePosition' : 'over'
});

Now underneath that insert the following code and save your document

$(".video").click(function() {
    $.fancybox({
        'padding'        : 0,
        'autoScale'        : false,
        'transitionIn'    : 'none',
        'transitionOut'    : 'none',
        'title'            : this.title,
        'width'            : 640,
        'height'        : 385,
        'href'            : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
        'type'            : 'swf',
        'swf'            : {
        'wmode'                : 'transparent',
        'allowfullscreen'    : 'true'
        }
    });

});

Now open index.html and locate the now image links, change to the structure below.

Notice the structure of the first one? That is what you should use for video.

Mainly, insert the URL of the youtube video into the href=”” and change the class from lightbox to video.