Inicio > APIs, General, Herramientas, Tutoriales, Youtube > Cómo obtener la imagen de los videos de Youtube

Cómo obtener la imagen de los videos de Youtube

Últimamente ando realizando un pequeño proyecto, basado en Youtube y estoy teniendo que consultar la documentación completa de la API de Youtube, y bien digamos que mientras estudio lo que necesito, puedo aportarles un poco sobre lo aprendido y que en realidad es muy útil para cualquier desarrollador a la hora de querer crear un sitio de vídeos Youtube y bueno sin más que decir acá el aporte.

Al subir cualquier vídeo, YouTube crea automáticamente unas capturas de distintas partes del vídeo, las cuales, se utilizan para mostrar la vista previa del vídeo que vemos antes de pulsar el botón de reproducción, en las listas de reproducción, en la lista de videos relacionados, etc.


Pues bien, acceder a estás imagenes es muy sencillo como ya he dicho, ya que solo bastará con saber el código del vídeo de YouTube que estemos manipulando y formar un enlace. Lo haré con un ejemplo para que quede más claro.

Si queremos obtener las miniaturas del siguiente video nos quedaremos con el código de 11 cifras resaltado, el cual lo diferencia del resto de video de YouTube :

http://www.youtube.com/watch?v=VxpZpV6bBh0 (Vídeo Ejemplo)

Posteriormente, para acceder a cada una de las imagenes que YouTube ha creado del vídeo, tenemos los siguientes enlaces formados con el código anterior:

Estos enlaces se crean por defecto y solo hay que cambiar el código resaltado para poder usarlo con cualquier vídeo.

Siguiendo con el ejemplo que estamos utilizando, obtendríamos las siguientes imágenes:


http://img.youtube.com/vi/VxpZpV6bBh0/0.jpg (480 x 360 píxeles)

http://img.youtube.com/vi/VxpZpV6bBh0/1.jpg (120 x 90 píxeles)

http://img.youtube.com/vi/VxpZpV6bBh0/2.jpg (120 x 90 píxeles)

http://img.youtube.com/vi/VxpZpV6bBh0/3.jpg (120 x 90 píxeles)

Con esto, como ven, podremos utilizar únicamente las miniaturas de un video para, como en mi caso, agilizar al máximo la página sin necesidad de cargar siempre el video de YouTube. Pronto podrás ver el resultado y seguiré dando aporte acosta de mi proyecto.

Artículo escrito en el blog de OnSoni por mi persona.

Puedes mirar también

  1. 24 octubre, 2011 a las 22:47

    gracias amigo por la info muy buena
    pero como le haga para que tambien me muestre el Titulo del Video la Categoria y descripcion de el??
    estaria muy agradecido si me ayudaras con eso ps ya llego horas haciendole y nada😦
    lo unico que he visto q esta es la url q te devuelve esta esa info es
    en donde
    el id=aDaOgu2CQtI
    http://gdata.youtube.com/feeds/api/videos/aDaOgu2CQtI

  2. 24 octubre, 2011 a las 23:40

    Amigo Andres Andrade, muchas gracias por tu comentario, quisiera explicar detalladamente tu pedido, pero preferiría exponerlo en una Entrada/Artículo en el blog, dentro de poco lo voy a realizar y quisiera que fueras el primero en mirarlo e informarte y que aprendas a hacer lo que quieres hacer, mientras tanto voy a proporcionarte una información básica.

    Para hacer posible la extracción de todos los datos de cada vídeo de Youtube, primero que nada debemos conectar con el API que youtube nos proporciona la Url del Feed General de Youtube exactamente que es la siguiente:

    http://gdata.youtube.com/feeds/videos

    Quisiera que te informes más sobre esto en la página de desarrolladores del API de Youtube http://code.google.com/intl/es/apis/youtube/overview.html en el cual proporcionan toda la información para desarrollar e implementar utilizando el API de los vídeos.

    Espero te aya ayudado al menos un poco, vuelve por acá dentro de poco, si gustas puedes enviar tu email a la sección de Contacto que abrí para que me envíen sugerencias y todo lo demás, déjamelo y te envió la actualización cuando este ya publicado el artículo.

    Saludos, Carluís Pérez.

  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: