Come ottenere le miniature di un video di Youtube.

Come ricavare l'indirizzo delle miniature dei video di Youtube a partire dall'ID individuato dalla stringa alfanumerica dell'URL.

Chi pubblica un filmato su Youtube può scegliere tra tre miniature automaticamente rilevate dal servizio di video sharing ma può anche caricare una immagine a suo piacimento per mostrarla come miniatura. Per ricavare tale immagine si può effettuare uno screenshot durante la riproduzione del video e scegliere il fotogramma che riteniamo più utile con un programma come Snagit 12 o con una estensione gratuita tipo Awesome Screenshot.

In realtà dallo stesso URL del video è possibile ricavare il suo ID e da questo ottenere l'URL delle miniature collegate al video stesso. L'indirizzo di un video Youtube ha la seguente struttura

www.youtube.com/watch?v=ID-VIDEO

dove ID-VIDEO è una stringa alfanumerica di 11 caratteri. Dall'ID si possono ricavare gli URL delle miniature collegate al video in formato JPG con queste semplici regole

http://img.youtube.com/vi/ID-VIDEO/1.jpg
http://img.youtube.com/vi/ID-VIDEO/2.jpg
http://img.youtube.com/vi/ID-VIDEO/3.jpg
http://img.youtube.com/vi/ID-VIDEO/0.jpg
http://img.youtube.com/vi/ID-VIDEO/default.jpg
http://img.youtube.com/vi/ID-VIDEO/mqdefault.jpg
http://img.youtube.com/vi/ID-VIDEO/hqdefault.jpg
http://img.youtube.com/vi/ID-VIDEO/maxresdefault.jpg

dove al posto di ID-VIDEO dobbiamo sostituire tale stringa alfanumerica univoca.

Le prime tre miniature con 1, 2 e 3 hanno una dimensione di 120x90 pixel mentre la quarta con 0 ha dimensione 480x360 pixel. La miniatura con default ha dimensioni 120x90 pixel e quella con mqdefault ha invece dimensione 320x180 pixel. Le miniature con hqdefault e maxresdefault sono quelle con le dimensioni maggiori e sono disponibili qualora il video abbia una risoluzione adeguata. La miniatura con hqdefault ha una risoluzione 480x360 pixel mentre quella con maxresdefault ha la risoluzione massima che dipende da quella del video e può essere di 1600x900 pixel o anche di 1920x1080 pixel.  Si può fare un semplice esempio. Da questo URL

https://www.youtube.com/watch?v=okbiD1d6q74

si possono ricavare gli indirizzi di queste miniature

http://img.youtube.com/vi/okbiD1d6q74/1.jpg
http://img.youtube.com/vi/okbiD1d6q74/0.jpg
http://img.youtube.com/vi/okbiD1d6q74/mqdefault.jpg
http://img.youtube.com/vi/okbiD1d6q74/maxresdefault.jpg

La prima ha dimensioni 120x90 pixel, la seconda di 480x360 pixel, la terza di 320x180 pixel e la quarta che è l'unica variabile in questo caso è di 1604x900 pixel.

COME POSTARE UNA MINIATURA DI YOUTUBE

Con gli indirizzi delle immagini presenti nei server di Youtube possiamo creare un codice HTML per postare tali miniature nel nostro sito. Per una maggiore risoluzione si può scegliere la miniatura più grande per poi settarne le dimensioni nell'HTML. Un codice di esempio può essere il seguente

<img style="width:560px; height:auto;" src="http://img.youtube.com/vi/okbiD1d6q74/maxresdefault.jpg"/>

con la larghezza impostata in 560 pixel e l'altezza automatica per mantenere inalterato il rapporto.  Tale miniatura può essere posizionata a sinistra, a destra o al centro con un apposito <div>. 

<div style="clear: both; text-align: center;"><img style="width:560px; height:auto;" src="http://img.youtube.com/vi/okbiD1d6q74/maxresdefault.jpg"/></div>

Con questo codice la miniatura sarà posizionata al centro e non avrà alcun elemento sulla sua destra e sulla sua sinistra in ragione del tag clear:both;. Si può sostituire center con right o con left.