
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" 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?
Bien saberlo, pero con un poco más de conocimientos se puede instalar todo el api de Youtube y producir aplicaciones mucho más ricas.