Question

Please go here and click on the link twice: http://bogsorken.com/test/index.html

It will open up a fancybox window with a Vimeo video embedment inside. Now, I have spent all day trying to figure out why the link requires a double click. Is there someone more experienced than me that can solve this puzzle? Note that when you have clicked on it once, then it will only require one click, until you refresh the page.

Obviously, I want the link to function with only one click.

Answer 1

edit: changed after conversation with op in comments.

Well it appears we were using it entirely improperly. Just instantiate the fancybox at doc.ready and wait for the click as usual. No click handlers, that’s fancyboxes job.

jsFiddle

$("#vimeo_autoplay").fancybox({
    'href' : 'http://vimeo.com/moogaloop.swf?clip_id=18669276&autoplay=1',
    'opacity'       : true,
    'overlayColor'  : '#000',
    'overlayOpacity' : 0.8,
    'centerOnScroll' : false,
    'titlePosition' : 'over',
    'width' : 720,
    'height' : 405,
    'type' : 'swf',
    'swf' : {
    'wmode' : 'transparent',
    'allowfullscreen' : 'true'
    }

});