javascript - 尝试制作 youtube 视频的缩略图并在单击时放大

Question

有没有办法将 youtube 视频的缩略图嵌入到我的 html 中，点击后会放大到全尺寸？这样，我可以拥有一排视频缩略图，这就是我想要做的。

例如，http ://www.youtube.com/embed/Jxsl5DZtdcg?wmode= opaque ..... 是我想放入缩略图中的视频之一，但我不确定如何执行此操作。任何帮助将不胜感激！

Answer 1

Youtube 已经为每个视频创建了 4 个缩略图，您可以通过以下格式访问它们：

http://img.youtube.com/vi/<youtube-id>/0.jpg 480x360
http://img.youtube.com/vi/<youtube-id>/1.jpg 120x90
http://img.youtube.com/vi/<youtube-id>/2.jpg 120x90
http://img.youtube.com/vi/<youtube-id>/3.jpg 120x90

因此，对于您的视频，它将是：

http://img.youtube.com/vi/Jxsl5DZtdcg/0.jpg
http://img.youtube.com/vi/Jxsl5DZtdcg/1.jpg
http://img.youtube.com/vi/Jxsl5DZtdcg/2.jpg
http://img.youtube.com/vi/Jxsl5DZtdcg/3.jpg