WordPress: mostrar miniaturas de vídeos de Youtube

Miniatura de Youtube

Youtube guarda las miniaturas generadas por cada ví­deo en el subdominio img.youtube.com. Conociendo unos pocos datos podemos encontrarlas fácilmente y usarlas para mostrarlas en nuestro sitio web mediante la creación shortcode adaptable a nuestras necesidades.

Código para extraer y mostrar la miniatura de un ví­deo de Youtube en WordPress sin plugin.

Como de costumbre, lo primero que  será crear una función en el archivo funtions.php del tema activo. En este caso hacemos un shortcode para que nos resulte más cómodo de usar posteriormente en las entradas o páginas de nuestro sitio.

/*
   Mostrar imagen miniatura de videos Youtube con Shortcode
    Uso:
    [youtube_thumb id="VIDEO_ID" img="0" align="left"]
    VIDEO_ID= Youtube video id
    img=0,1,2 or 3
    align= left,right,center
*/
function wp_youtube_video_thumbnail($atts) {
     extract(shortcode_atts(array(
          'id' => '',
          'img' => '0',
          'align'=>'left'
     ), $atts));
    $align_class='align'.$align;
    return '</pre>
<img id="" src="<a href=" alt="" />
<pre>http://img.youtube.com/vi/'.$id.'/'.$img.'.jpg&quot; alt="" class="'.$align_class.'" />';
}
add_shortcode('youtube_thumb', 'wp_youtube_video_thumbnail');

Una vez hecho esto, ya podemos utilizar un shortcode en el que se aceptan tres parámetros:

1. El identificador de ví­deo (VIDEO_ID)

2. El tamaño de la imagen

  • 0 para 480 x 360 px, imagen por defecto
  • 1 para 120 x 90 px, miniatura número 1
  • 2 para 120 x 90 px, miniatura número 2

3. La alineación de la imagen: left, right o center.

Ejemplo:

[youtube_thumb id="rNWeBVBqo2c" img="0" align="center"]

Recuerda que también podemos usar shortcodes en widgets. Espero que te haya gustado y te resulte útil. Por cierto ¿conoces alguna otra forma de hacerlo?

Lee el tutorial completo en inglés en Nilesh Shiragave.

Un comentario en “WordPress: mostrar miniaturas de vídeos de Youtube

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *