jQuery: get the YouTube video image from URL

by gabrieleromanato

HTML

<div id="youtube"></div>

JavaScript

function getYouTubeVideoImage(url, size) {
    if (url === null) {
        return '';
    }

    size = (size === null) ? 'big' : size;
    var vid;
    var results;

    if (url.indexOf('watch?v=') != -1) {
        results = url.replace('http://www.youtube.com/watch?v=', '');
        vid = results;
    } else if (url.indexOf('youtu.be') != -1) {
        results = url.replace('http://youtu.be/', '');
        vid = results;
    }


    if (size == 'small') {
        return 'http://img.youtube.com/vi/' + vid + '/2.jpg';
    } else {
        return 'http://img.youtube.com/vi/' + vid + '/0.jpg';
    }
}



$('#youtube').append('<img src="' + getYouTubeVideoImage('http://youtu.be/EkkqaVEU_wU') + '"/>');
$('#youtube').append('<img src="' + getYouTubeVideoImage('http://www.youtube.com/watch?v=EkkqaVEU_wU', 'small') + '"/>');