Comment obtenir une vignette YouTube à partir D'un iframe YouTube?

Les vignettes YouTube

Les vignettes YouTube peuvent être trouvées dans ce chemin standard:

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

• [video-id] est L'ID Vidéo YouTube, par exemple 1sIWez9HAbA.
• {[4] } est le numéro de la vignette des 4 chacun la vidéo a généralement, par exemple 0.

Obtenir la vignette d'un iframe

Ainsi, en fonction de l'attribut iframe de src, vous pouvez construire l'URL de la vignette directement.

Par exemple, en utilisant 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);
}

Remarque cet exemple vérifie l'URL du iframe pour un identifiant Vidéo YouTube valide et suppose qu'il comporte 11 caractères, ce qui est la norme de facto.

Voir jsFiddle Démo