Aunque incrustar un vídeo de YouTube en nuestra web es de lo más sencillo con el código que nos proporcionan, a veces es necesario ir un poco más allá y hacer las cosas manualmente.

Es el caso por ejemplo de necesitar ver el vídeo en pequeño, pero que al pulsar el botón de play se muestre en formato más grande, sin necesidad de pulsar el botón de pantalla completa o de ir a YouTube para verlo allí.

En ese caso, podemos recurrir a la técnica de mostrar un Thumbnail del vídeo, con un enlace que muestre el vídeo en una ventana emergente tipo lightbox.

El problema que se plantea entonces es cómo obtener de forma automática el Thumbnail del vídeo desde YouTube, para no tener que crearlo cada vez que publicamos un vídeo en nuestra web.

YouTube proporciona el acceso necesario a los Thumbnails de todos los vídeos a través de una URL en particular. El formato general es:

http://img.youtube.com/vi/VIDEO_ID/THUMB_NUM.jpg

Donde:

• VIDEO_ID es el identificador del vídeo
• THUMB_NUM es el número de thumbnail

YouTube crea automáticamente cuatro thumbnails:

• Tres de tamaño mini (120px x 90px), a los que se accede mediante 1.jpg, 2.jpg y 3.jpg.
• Uno de tamaño completo, al que se accede con 0.jpg y que corresponde a la vista que se presenta a los usuarios antes de pulsar el botón play.

Por ejemplo, para el vídeo:

[media url=»http://youtu.be/C1x_mMYrVo8″ width=»500″ height=»350″]

Podemos obtener los thumbnails de la siguiente forma:

http://img.youtube.com/vi/C1x_mMYrVo8/0.jpg

http://img.youtube.com/vi/C1x_mMYrVo8/1.jpg

http://img.youtube.com/vi/C1x_mMYrVo8/2.jpg

http://img.youtube.com/vi/C1x_mMYrVo8/3.jpg