Galería de videos con Fancy Box

[gonzalocaminos]

Hola gente estoy tratando de implementar Fancy Box con videos. Sin plugin. No puedo usar plugin.

Tengo esta galeria. Pero el problema es que los videos se muestran con PHP utilizando iframes.

echo <iframe "codigo del video sin ID" aqui debo poner la id>

No obstante fancy box solo utiliza etiquetas <a>(captura el href de dicha etiqueta) por lo tanto no me sirve mostrarlos como iframe. :(

Muestro una porcion de codigo para que me entiendan:

Código PHP:

   <?php /* Aqui hago el loop */ 
          $args = array( 'post_type' => 'Videos', 'posts_per_page' => 10 ); 
          $loop = new WP_Query( $args ); 
          while ( $loop->have_posts() ) : $loop->the_post();?> 
         
          <div class="galvidpre"> 
         
              <div class="galvidprevid"> 
 
               <?php 
               /* Aqui seteo las variables para obtener el id del video y site del mismo youtube o vimeo */ 
                $videosite = get_post_meta($post->ID, 'ecpt_videosite', single); 
                $videoid = get_post_meta($post->ID, 'ecpt_videourl', single); 
 
/* Aqui esta el problema porque se hace un echo iframe cuando supongo debería ser echo <a href ="direccion video" y variable con id del mismo concatenada a esto. */ 
 
                if ($videosite == Vimeo) {     
                 
                  echo '<iframe src="http://player.vimeo.com/video/'.$videoid.'" width="300" height="190" frameborder="0" wmode="transparent" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'; 
                } else if ($videosite == Youtube) { 
                 
              
               
                  echo '<iframe width="300" height="190" src="http://www.youtube.com/embed/'.$videoid.'" frameborder="0" wmode="transparent"  allowfullscreen></iframe>'; 
               
             
                } else { 
                  echo 'Please Select Video Site Via the CMS'; 
                } 
                ?>   

Alguien sabe como podría implementar una solución a esto (teniendo en cuenta que es Wordpress) para reemplazar los iframes de ese echo por enlaces?

El sitio y la galería en cuestión es [URL="http://lavidablogger.com.ar/video-folio/"]esta.[/URL]

Saludos y espero que alguien me pueda dar una mano.

[Naahuel]

Tomado directamente del sitio oficial (donde también explica cómo aplicar con Vimeo y Youtube usando helpers)

Código PHP:

echo '<a data-fancybox-type="iframe" class="fancybox-media" href="http://vimeo.com/'.$videoid.'">Vimeo</a></li>';
 

De forma similar para Youtube.

Javascript:

Código Javascript:

$(document).ready(function() {
    $(".fancybox-media").fancybox({
        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });
});