如何从YouTube iframe获取YouTube缩略图?

例如,我有一篇博文,其中包含以下iframe

  

如何从此iframe提取缩略图?

YouTube缩略图

可以在此标准路径中找到YouTube缩略图:

 http://img.youtube.com/vi/[video-id]/[thumbnail-number].jpg 
  • [video-id]是YouTubevideoID,例如1sIWez9HAbA
  • [thumbnail-number]是每个video通常具有的4个缩略图的编号,例如0

从iframe获取缩略图

因此,根据iframesrc属性,您可以直接构造缩略图的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 = $(''); $(body).append(video_thumbnail); } 

请注意,此示例会检查iframe的url以获取有效的YouTubevideoID,并假设它长度为11个字符,这是事实上的标准。

请参阅jsFiddle演示