jquery - 点击时展开 YouTube 视频，例如 Facebook

Question

我有一个网站，里面有很多遵循这种格式的 YouTube 视频的缩略图：

<iframe width="250" height="141" src="http://www.youtube.com/embed/<VIDEOID>" frameborder="0" allowfullscreen ></iframe>

我想要发生的是，当您单击播放视频时，播放器在开始播放之前会变为 500x500 的大小。它需要对这个集合中的任何视频执行此操作。

这与当有人点击 Facebook 上的视频时发生的情况相同，它会变大然后开始播放。

使用 jQuery 或其他方法执行此操作的任何帮助将不胜感激。

Answer 1

Facebook 开始时没有显示框架；他们显示了一个顶部带有“播放”按钮的图像：

（缩小）加

等于

当您单击此图像时，图像（和周围的标记）将替换为iframe.

由于图像的加载速度比 Flash 播放器快，因此即使页面上有许多此类缩略图，也可以快速加载页面。

[编辑] 这是一个工作示例。