Jak uzyskać miniaturę YouTube z iframe YouTube?

Youtube thumbnails

Miniatury YouTube można znaleźć w tej standardowej ścieżce:

http://img.youtube.com/vi/[video-id]/[thumbnail-number].jpg

• [video-id] jest identyfikatorem wideo YouTube, np. 1sIWez9HAbA.
• [thumbnail-number] to liczba miniaturek 4 każdej wideo ma zazwyczaj, np. 0.

Pobieranie miniaturki z ramki iframe

Tak więc, na podstawie atrybutu iframe's src można bezpośrednio skonstruować adres URL miniatury.

Na przykład, używając jQuery:

var iframe           = $('iframe:first');
var iframe_src       = iframe.attr('src');
var youtube_video_id = iframe_src.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/).pop();

if (youtube_video_id.length == 11) {
    var video_thumbnail = $('<img src="//img.youtube.com/vi/'+youtube_video_id+'/0.jpg">');
    $(body).append(video_thumbnail);
}

Uwaga Ten przykład sprawdza adres URL iframe pod kątem poprawnego identyfikatora wideo YouTube i zakłada, że ma on Długość 11 znaków, co jest de facto standardem.

Zobacz Jsfiddle Demo