Pubblicare miniature di video con il pulsante del Play di Youtube

Come trovare gli indirizzi delle miniature dei video di Youtube e come aggiungervi il pulsante del Play per visualizzarlo nella anteprima di Facebook

Quando scorrete il diario di Facebook avrete certamente notato dei post che come anteprima della immagine ne mostrano una con il classico pulsante del play di Youtube. In questo modo gli autori del post fanno credere che questo contenga un video che molto spesso invece non c'è.

Questi trucchetti vanno sotto il nome di tecniche di clickbaiting, usate per accrescere il numero di click ricevuti in modo artificiale, se non proprio fraudolento. Ho notato che anche alcuni quotidiani cartacei sfruttano questa tecnica per avere più click. In questo post vedremo come procedere e, scendendo più in dettaglio, mostrerò come ottenere l'indirizzo della miniatura di un qualsiasi video di Youtube e come aggiungere il pulsante Play a una immagine con un programma di grafica.

L'immagine a cui aggiungere il pulsante del Play può essere effettivamente quella di una miniatura di un video, ma anche una immagine qualsiasi. Andiamo per gradi e vediamo come ricavare l'indirizzo di una miniatura di un video di Youtube in modo semplicissimo. Per farlo occorre aprire il video, non nella sua pagina, ma in una galleria che può essere quella di una Playlist. Si clicca con il destro del mouse sul video per visualizzare il menù contestuale.

Si sceglie Copia indirizzo immagine su Chrome o su Firefox per poi incollare l'URL in un file di testo. Si otterrà un indirizzo lunghissimo di cui però solo la prima parte è significativa. L'ultima stringa utile è .jpg mentre il punto interrogativo ( ? ) e tutto quello che viene dopo non è rilevante per risalire all'URL.

Un URL tipico per una miniatura di un video di Youtube è il seguente:

https://i.ytimg.com/vi/2GcG25ytUs0/hqdefault.jpg

dove la parte colorata di rosso è l'ID del video ed è lo stesso visibile nella Barra degli indirizzi quando il video viene aperto, e che si trova subito dopo alla stringa watch?v=. In sostanza l'URL della miniatura appena incollato corrisponde al video che ha questo indirizzo

 

https://www.youtube.com/watch?v=2GcG25ytUs0

Riveste particolare importanza la seconda parte dell'URL della miniatura colorato di blu. Infatti lasciando immutata la struttura dell'URL, e modificando solo l'ultima stringa, si hanno miniature di diverse dimensioni.

Lasciando lo stesso ID del video preso come test ecco tutte le miniature che si possono ricavare:

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

dove ovviamente al posto della stringa colorata di rosso si deve sostituire l'ID del video da cui ricavare l'URL delle miniature. Le prime tre miniature, che terminano rispettivamente con 1.jpg, 2.jpg e 3.jpg, hanno dimensioni 120x90 pixel ma sono tutte diverse una dall'altra. Quando caricate un video su Youtube, vi vengono proposte tre miniature tra cui scegliere quella da visualizzare. I primi tre URL mostreranno appunto queste 3 miniature.

La miniature che termina con 0.jpg ha invece dimensione 480x360 pixel ed è quella che effettivamente si vede nel video. Le miniature con hqdefault e maxresdefault 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 dalla risoluzione del video e arriva fino a 1280x720px per i video HD.

Quindi per ottenere l'URL della immagine di una miniatura di un video di Youtube con la massima risoluzione bisogna usare la sintassi dell'ultima riga con maxresdefault dove avervi sostituito l'ID del video.

AGGIUNGERE L'ICONA DEL PLAY CON PHOTOSHOP O GIMP

Dopo aver individuato la miniatura di un video, e averne incollato l'URL nel browser con la massima risoluzione, ci si clicca sopra con il destro del mouse, per poi andare su Salva immagine con nome. Per trovare l'icona del Play di Youtube si può cercare su un servizio come IconFinder per poi digitare Youtube come parola chiave.

Per esempio con Photoshop si va su File -> Apri e si seleziona la miniatura di Youtube, o una qualsiasi altra immagine. Si va poi su File -> Inserisci collegato per poi scegliere l'immagine del pulsante del Play e andare su Apri.  Tale pulsante verrà posizionato al centro della immagine. Eventualmente potremo ridimensionarla con le apposite maniglie, per poi cliccarci sopra con il destro del mouse, e andare su Inserisci.  Con Gimp si procede in modo analogo. Dopo aver creato l'immagine con il pulsante del Play, va pubblicata come prima foto in un post.

Quando condivideremo tale post su Facebook, verrà visualizzata come immagine di anteprima quella che abbiamo appena creata. In questo modo chi lo visualizzerà, penserà che il link apra un video che invece non è detto che sia presente. Ecco come visualizzerà il post un qualsiasi utente nel suo diario.

Concludo l'articolo mostrando come pubblicare l'immagine di una miniatura di un video di Youtube.

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

Con il codice precedente, incollato in una pagina web, mostreremo la miniatura di un video di Youtube.

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

Invece con questo secondo 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. In tutti e due i codici va sostituito l'ID del video colorato di rosso e impostata la larghezza della immagine.