Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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.

like image 842
gabemartinez Avatar asked Dec 12 '22 19:12

gabemartinez


1 Answers

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/

like image 152
PhearOfRayne Avatar answered Dec 30 '22 11:12

PhearOfRayne