Compago

...free knowledge

 
  • Increase font size
  • Default font size
  • Decrease font size
Home Manuali Programmazione Come usare le immagini di anteprima e gli screenshot di un video su Youtube

Come usare le immagini di anteprima e gli screenshot di un video su Youtube

E-mail Stampa PDF

In un altro articolo avevamo mostrato come inserire un video di Youtube all'interno di una pagina web; ora quello che vorremo fare è creare una immagine con un link alla pagina dove verrà visualizzato il video.

Questo potrebbe essere molto utile nel caso in cui si volesse creare una griglia o una tabella di video ("video wall") dove al momento della scelta del video si volesse visualizzare il video con dimensioni adeguate. Solitamente per questi motivi si usano librerie come jquery o mootools oppure script già pronti all'uso come ad esempio Lightbox etc...

Ora il problema è come rendere possibile una approccio automatico al problema, dato che in teoria dovremo generare una immagine per ogni video da inserire. Per questo motivo, trattandosi di video ospitati su Youtube, potremo avvalerci delle immagini di anteprima generate automaticamente al momento del caricamento del video.

 

Vediamo come ricavare gli indirizzi di queste immagini:

L’immagine che viene caricata dal player come anteprima del video si trova all’indirizzo:

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

dove il "VideoID" è il codice che identifica il video in questione e che potete ricavare dall'indirizzo del video stesso, per esempio:

http://www.youtube.com/watch?v=jsCCnpcGEWI
 

Il codice sarà "jsCCnpcGEWI" per cui l'immagine la troveremo all'indirizzo

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

Ecco il test finale:

Ora che dovrebbe essere chiaro il meccanismo per estrarre l'immagine, vediamo altre opzioni.

Le altre immagini, solitamente catturate a metà, un quarto e tre quarti del video, sono:

http://img.youtube.com/vi/VideoId/1.jpg
http://img.youtube.com/vi/VideoID/2.jpg
http://img.youtube.com/vi/VideoId/3.jpg

Quindi sempre in riferimento all'esempio precedente avremo:

che rispetto alla prima hanno una dimensione inferiore (120x90px)

Un'altra possibilità è di usare l'immagine scelta dal proprietario del video come immagine di default:

http://img.youtube.com/vi/VideoId/default.jpg

o

http://img.youtube.com/vi/jsCCnpcGEWI/hqdefault.jpg

Rispettivamente:

oppure

Che solitamente potrebbe rappresentare meglio il contenuto del video rispetto alle altre miniature.

Un'ultima precisazione riguarda il dominio “img.youtube.com” che può essere sostituito da “i.ytimg.com”, che sta per YuoTubeIMG.

Ultimo aggiornamento ( Giovedì 01 Dicembre 2011 14:30 )  
Loading

Login