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

【问题标题】：Trying to make a thumbnail of a youtube video and have it enlarge when clicked尝试制作 youtube 视频的缩略图并在单击时放大
【发布时间】：2012-08-23 16:15:17
【问题描述】：

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

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

【问题讨论】：

标签： javascript asp.net html youtube youtube-javascript-api

【解决方案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

【讨论】：

谢谢欧文！为了做到这一点，当客户点击它时，会出现完整尺寸的视频，比如说，在缩略图上方，我只想到一个