如何从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获取缩略图
因此,根据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 = $(''); $(body).append(video_thumbnail); }
请注意,此示例会检查iframe
的url以获取有效的YouTubevideoID,并假设它长度为11个字符,这是事实上的标准。