Can you explain $.fancybox.open( [group], [options] ) params and if I can add youtube link as href?

gabemartinez picture gabemartinez · Dec 19, 2012 · Viewed 23.4k times · Source

I'm reading documentation:

http://fancyapps.com/fancybox/#docs

and the $.fancybox.open( [group], [options] ) and open explanation is good, but I'm wondering if I can use a link to a youtube video in the group array? I'm attempting to play a youtube video after the dom is ready such as this:

http://jsfiddle.net/STgGM/

$.fancybox.open([
    {
        href : 'http://fancyapps.com/fancybox/demo/1_b.jpg',
        title : '1st title'
    },
    {
        href : 'http://fancyapps.com/fancybox/demo/2_b.jpg',
        title : '2nd title'
    }    
], {
    padding : 0   
});

I am able to get my video to appear in a fancybox, which is great, but I want it to appear after the page loads automatically without the need to click on a link, such as the fancybox does in the jsfiddle example above with .open.

Thank you for all of your help in advance.

Answer

PhearOfRayne picture PhearOfRayne · Dec 19, 2012

Have you tried doing this yet?

$(function () {
    $.fancybox.open([
        {
            type: 'iframe',
            href : 'http://www.youtube.com/embed/L9szn1QQfas?autoplay=1&wmode=opaque',                
            title : '1st title'
        }
    ], {
        padding : 0
    });
});

Working Example: http://jsfiddle.net/NDM5F/