Come get una miniatura di YouTube da un iframe di YouTube?

Per esempio ho un post sul blog che ha il seguente iframe .

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

Come posso estrarre la miniatura da questo iframe ?

Anteprime di YouTube

Le miniature di YouTube possono essere trovate in questo path standard:

 http://img.youtube.com/vi/[video-id]/[thumbnail-number].jpg 
  • [video-id] è l'ID video di YouTube, ad esempio 1sIWez9HAbA .
  • [thumbnail-number] è il numero della miniatura dei 4 video di solito, ad es. 0 .

Ottenere la miniatura da un iframe

Quindi, sulla base dell'attributo src iframe , è ansible build direttamente l'URL della miniatura.

Ad esempio, utilizzando 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); } 

Tieni presente che questo esempio controlla l'URL iframe per un ID video YouTube valido e presuppone che sia lungo 11 caratteri, che è lo standard de facto.

Vedere jsFiddle Demo