How can I download an YouTube video thumbnail in Javascript

Question

How can I download YouTube video Thumbnail to my machine by creating a blob file from the YouTube API

Answer 1

You can do this to fetch it:

const youtube = (function () {
    let video, results;

    const getThumbnail = function (url, size) {
        if (url == null) {
            return '';
        }
    
        size = (size == null) ? 'big' : size;
        results = url.match('[\\?&]v=([^&#]*)');
        video = (results == null) ? url : results[1];

        if (size == 'small') {
            return `http://img.youtube.com/vi/${video}/2.jpg`;
        }

        return `http://img.youtube.com/vi/${video}/0.jpg`;
    };

    return {
        thumbnail: getThumbnail
    };
}());




//Example of usage:

const thumbnail = youtube.thumbnail("http://www.youtube.com/watch?v=Tn6-PIqc4UM", "small")    

console.log(thumbnail);