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

YouTube缩略图

YouTube缩略图可以在以下标准路径中找到：

http://img.youtube.com/vi/[视频id]/[缩略图编号].jpg

• 是YouTube视频id，例如1sIWez9HAbA
• [缩略图编号]是每4个缩略图的编号
  视频通常有，例如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（）；
如果（youtube_video_id.length==11）{
var video_thumbnail=$（'&lt；img src='https://img.youtube.com/vi/“+youtube_video_id+”/0.jpg“&gt；”）；
$（正文）.append（视频缩略图）；
}

注意：本例检查iframe的URL是否有有效的YouTube视频ID，并假设其长度为11个字符，这是事实上的标准

请参阅jsiddle演示