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.
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/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With