Mostrar Div oculto en Fancybox con JQuery no funciona

Question

He intentado que este código funcione. Tengo un div oculto que muestra un video flash usando el método object/embed.

Este es el código js que estoy usando.

jQuery(document).ready(function(){ 

    jQuery("a[id^='scrshot_']").fancybox(  
    { 
    'autoDimensions' : false, 
    'width'     : 640, 
    'height'    : 360  
    }); 
    return false;}); 

estoy usando este método que he encontrado en este sitio http://www.jdmweb.com/resources/fancy_videos y bastante fácil de implementar. Yo uso etiquetas de identificación creadas dinámicamente. PERO por alguna razón, se abrirá fancybox pero el div interior permanece oculto. Cuando uso firebug para mirarlo, muestra el objeto flash dentro pero todavía tiene la visualización: ningún atributo asociado. ¿Cómo se logra mostrar los contenidos dentro de ese div y no todo el div? Si se muestra el div y utiliza el enlace, fancybox se abre con el jugador bien. Obviamente, eso no funcionará porque no quiero que se muestre el video hasta que se lance en fancybox.

Ejemplo de mi código html.

<a class='scrshot' id='scrshot_1' href='#showvid_1'>Click Here</a> 
<div class='showvid' id='showvid_1'>my embedded code here</div> 

Answer 1

¿Has consultado la documentación/blog de fancybox? http://fancybox.net/blog (4. Mostrar clips de youtube esto debe ayudar); http://fancybox.net/howto; http://fancybox.net/api;

Answer 2

En lugar de ocultar el div, hazlo visible pero envuélvelo dentro de otro div que esté oculto.

(no sé por qué no FancyBox alternar la visibilidad, bastante molesto.)

Answer 3

intento de añadir esto a sus jQuery(document).ready(function(){

jQuery('.scrshot').live('click',function(){ 
    jQuery('.showvid').hide();     //hide any that might be open 
    jQuery(jQuery(this).attr('href')).show(); //show the div we clicked for 
});