如何显示youtube视频缩略图

Question

我的网站允许用户上传YouTube视频代码.我试图通过显示上传视频的缩略图来制作播放列表,并在点击特定缩略图后播放相应的视频.

我想知道获取标题的方法和使用youtube的嵌入代码上传的那些视频的缩略图？

编辑:

为了更清楚地提出问题,我的用户上传了如下所示的代码:

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/-L8DFfSJbqU&hl=en_US&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-L8DFfSJbqU&hl=en_US&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>

所以从那些代码我怎么能先找到vedio id然后再找到缩略图？

Answer 1

您可以从视频网址加载缩略图.

视频网址

http://www.youtube.com/watch?v=Xzf0rvQa4Mc

THUMBNAIL网址

http://i1.ytimg.com/vi/Xzf0rvQa4Mc/default.jpg

http://i2.ytimg.com/vi/Xzf0rvQa4Mc/default.jpg

http://i3.ytimg.com/vi/Xzf0rvQa4Mc/default.jpg

http://i4.ytimg.com/vi/Xzf0rvQa4Mc/default.jpg

将图像复制到所有缩略图网址(可能是服务器)以获取新视频需要一些时间.

如果没有缩略图,则返回带摄像头的图像(长度恰好为893字节).

例

http://i4.ytimg.com/vi/Xzf0rvQa4Md/default.jpg

Answer 2

您可以使用这些网址尝试使用不同类型的YouTube视频缩略图 -

对于默认和普通质量的缩略图:

http://img.youtube.com/vi/<youtube-video-id>/default.jpg

对于高质量(HQ)缩略图:

http://img.youtube.com/vi/<youtube-video-id>/hqdefault.jpg

还有一个中等质量的缩略图:

http://img.youtube.com/vi/<youtube-video-id>/mqdefault.jpg

对于最大分辨率缩略图:

http://img.youtube.com/vi/<youtube-video-id>/maxresdefault.jpg

例如.

YouTube link - http://www.youtube.com/watch?v=4EvNxWhskf8
YouTube video id - 4EvNxWhskf8

以便 -

<img src="http://img.youtube.com/vi/4EvNxWhskf8/hqdefault.jpg" title="YouTube Video" alt="YouTube Video" />