// Vous lisez...

HTML/CSS

Récupérer infos et vignettes d’une vidéo YouTube

Je sais, on devrait dire « d’une vidéo hébergée par YouTube » #maitreCapello #RIP

 Pré-requis : une vidéo chez YouTube

Avez-vous décidé d’arrêter de fumer ? Voire de commencer ? Je vous conseille de regarder la vidéo suivante : http://www.youtube.com/watch?v=-dQlc20k7Dc

 Inclusion classique (v2)

Tous les n00bs savent le faire mais je rappelle quand même :
- sur la page de la vidéo, cliquez sur "Partager"
- dans le dropdown, cliquez sur "Intégrer"

Vous obtenez ça :

Ce qui donne ça :

 Récupérer les images (the lazy way)

Chaque vidéo dispose de 3 thumbs numérotées de 1 à 3 et d’un grand format numéroté 0. Suivre ce pattern pour la vidéo qui nous intéresse :

Pour exemples :

Image 1 : http://img.youtube.com/vi/-dQlc20k7...


Image 2 : http://img.youtube.com/vi/-dQlc20k7...

Cette image est celle choisie par le propriétaire lors de l’upload de sa vidéo


Image 3 : http://img.youtube.com/vi/-dQlc20k7...


Image Zéro : http://img.youtube.com/vi/-dQlc20k7...


À la question « pourquoi les images sont-elles en 4/3 alors que la vidéo est en 16/9e ? » je réponds : aucune idée.

 Récupérer presque toutes les infos (the hard way)

Suivant le même modèle, on peut facilement récupérer un XML qui donne toutes les métadonnées de la vidéo : titre, keywords, description, etc... :

http://gdata.youtube.com/feeds/api/videos/-dQlc20k7Dc

Cette technique ne répond pas à la question du ratio des vignettes.

 Récupérer vraiment tout (the mad way)

RTFM

http://code.google.com/intl/fr-FR/apis/youtube/2.0/developers_guide_protocol.html

Si cette technique résoud le ratio des vignettes, ça m’intéresse, merci !

 The super-lazy way

Utilisez la géniale API embed.ly : cliquez ici pour voir une démo


3 cigarettes calcinées pendant la rédaction de ce post.

Oh irony, you (lucky) strike again !