Подтвердить что ты не робот

Как получить миниатюру YouTube с YouTube iframe?

Например, у меня есть сообщение в блоге, которое имеет следующий iframe.

<iframe width="420" height="315" src="//www.youtube.com/embed/1sIWez9HAbA" frameborder="0" allowfullscreen></iframe>

Как извлечь миниатюру из этого iframe?

4b9b3361

ОТВЕТЫ

Ответ 1

Пиктограммы YouTube

Миниатюры YouTube можно найти в этом стандартном пути:

http://img.youtube.com/vi/[video-id]/[thumbnail-number].jpg
  • [video-id] - это идентификатор видео YouTube. 1sIWez9HAbA.
  • [thumbnail-number] - номер миниатюры каждого из четырех видео обычно имеет, например, 0.

Получение эскиза из iframe

Итак, на основе атрибута iframe src вы можете напрямую создать URL-адрес эскиза.

Например, используя 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);
}

Примечание. В этом примере проверяется URL-адрес iframe для действительного идентификатора видео YouTube и предполагается, что он имеет длину 11 символов, что является стандартом де-факто.

См. jsFiddle Demo