Come ottenere le immagini collegate ad un video di Youtube
Per ogni video pubblicato su Youtube solitamente esistono una serie di immagini e icone / thumbnail di default, a diversa risoluzione, Ogni video Youtube è identificato da una stringa di 11 caratteri detta VideoId. Tale stringa di caratteri è visibile nell'indirizzo (url) del dato video che però non ha sempre lo stesso formato.
Conoscendo l'Id del video possiamo ricavare manualmente l'indirizzo delle immagini per scaricarle.
Tale indirizzo comincia sempre con la stringa di caratteri
http://img.youtube.com/vi/
a cui dobbiamo aggiungere il VideoId, uno slash "/" ed una fra le seguenti voci
maxresdefault.jpg, default.jpg, mddefault.jpg,
hqdefault.jpg, sddefault.jpg, 0.jpg, 1.jpg, 2.jpg, 3.jpg
per ottenere l'url dell'immagine corrispondente.
Se ad esempio consideriamo il video "Blank Space" della bella Taylor Swift (www.youtube.com/watch?v=e-ORhEE9VVg) il VideoId è e-ORhEE9VVg, quindi
l'indirizzo dell'immagine più grande abbinata, maxresdefault.jpg, è
http://img.youtube.com/vi/e-ORhEE9VVg/maxresdefault.jpg
Nella parte che segue, inserendo l'indirizzo del video, vengono mostrati automaticamente, il videoId, l'url, e le immagini corrispondenti in base alla selezione effettuata:
Basta inserire nel campo sotto l'indirizzo Youtube di un video (Clicca QUI per inserire un indirizzo di esempio) e cliccare sul pulsante "Submit".
Tramite le opzioni della finestra a tendina potete scegliere una delle diverse immagini abbinate al video, tenendo presente che non sempre tutte queste immagini esistono per il video scelto.
Lo script utilizzato è stato derivato da queste due discussioni sul sito stackoverflow.com:
How do I get a YouTube video thumbnail from the YouTube API?
Javascript REGEX: How to get youtube video id from URL?
Conoscendo l'Id del video possiamo ricavare manualmente l'indirizzo delle immagini per scaricarle.
Tale indirizzo comincia sempre con la stringa di caratteri
http://img.youtube.com/vi/
a cui dobbiamo aggiungere il VideoId, uno slash "/" ed una fra le seguenti voci
maxresdefault.jpg, default.jpg, mddefault.jpg,
hqdefault.jpg, sddefault.jpg, 0.jpg, 1.jpg, 2.jpg, 3.jpg
per ottenere l'url dell'immagine corrispondente.
Se ad esempio consideriamo il video "Blank Space" della bella Taylor Swift (www.youtube.com/watch?v=e-ORhEE9VVg) il VideoId è e-ORhEE9VVg, quindi
l'indirizzo dell'immagine più grande abbinata, maxresdefault.jpg, è
http://img.youtube.com/vi/e-ORhEE9VVg/maxresdefault.jpg
Nella parte che segue, inserendo l'indirizzo del video, vengono mostrati automaticamente, il videoId, l'url, e le immagini corrispondenti in base alla selezione effettuata:
Basta inserire nel campo sotto l'indirizzo Youtube di un video (Clicca QUI per inserire un indirizzo di esempio) e cliccare sul pulsante "Submit".
Tramite le opzioni della finestra a tendina potete scegliere una delle diverse immagini abbinate al video, tenendo presente che non sempre tutte queste immagini esistono per il video scelto.
Lo script utilizzato è stato derivato da queste due discussioni sul sito stackoverflow.com:
How do I get a YouTube video thumbnail from the YouTube API?
Javascript REGEX: How to get youtube video id from URL?
Commenti
Posta un commento
Ringrazio tutti quelli che vorranno lasciare un commento o che seguiranno o sottoscriveranno il mio blog. Il linea di massima cercherò sempre di rispondere.
Nel caso vogliate fare delle richieste o dei commenti off-topic ossia non collegati all'argomento dell'articolo, vi sarei grato se li postaste sulla pagina Facebook del blog. Grazie!