像点击Facebook一样展开YouTube视频

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播放器快,因此即使页面上有许多此类缩略图,也可以快速加载页面.

[编辑]这是一个有效的例子.