如何调整YouTube播放器的大小,从缩略图大小调整为“正常”大小

我想这与Facebook的做法相似,但是……我还没有弄清楚如何遵循他们的行为,如果这是一个骗局,我道歉。

想法是有一个缩略图大小的播放器( width="220px" height="180px" ),当点击时,resize为“正常”大小(当然,正常是任意的,但为了这个例子,如果我们使用width="445px"height="364px"作为Youtube默认值,然后播放。

我假设onClick事件应该改变标签中定义的高度和宽度属性,但由于对象是flash,我假设flash播放器’捕获’点击而不是将它们报告给浏览器?

以下video是我打算使用的video之一,并在此提供一个真实示例:

       

作为附录,这可能会在静态html页面中使用一段时间,之后不久就被移到php(5.2)站点,php和html都有jQuery 1.3.2链接,而且我不仅仅是很高兴使用第三方插件,如果有这样的插件很容易做到这一点。

任何和所有的帮助表示赞赏,我很抱歉询问对我来说可能 – 并且对我来说 – 似乎是一个愚蠢的问题。 我想这应该是显而易见的。

提前致谢。

Facebook使用一个看起来像玩家的缩略图 – 整洁的技巧。 我发现了一个jQuery插件可以获得youtube缩略图,但我还没试过。

一些示例代码:

 

和JS:

  

我打开了自动播放,因为如果用户点击图像,你可能想要这样做。 这应该是集成到您的应用程序的良好起点。 jQuery插件唯一能做的就是获取缩略图的url – 你可以得到一个大图像或小图像。

因为我现在没有看到安迪的更新,我想出了一个……相当可怕的方式(但我接受了他的回答,因为它比我的好得多)。

   

与以下html一起使用:

 
Thoughts of Sacrament
Sanity falling

我的解决方案,从点击的图像中获取#id属性,然后将其插入到replaceWith()代码中。 它在时尚之后起作用。 但屏幕截图 – > crop – > save as video-id.png方法至少可以说是单调乏味的。 我想我可能会保留我的解决方案 – 如果没有别的话,这是一种可悲的骄傲 – 但我会尝试将其与jYoutube方法结合起来。

如果这不起作用,那么我将使用安迪的答案。


作为更新,我使用jQuery的animate()调整了一些更优雅的东西:

  

此外,我正在生成一个x ,希望能够通过点击处理程序来缩小Flashvideo -对象退回并用原始的.png替换它。

这是……如果我能解决为什么jQuery不会让它有$(this).click(); 事件…

有时我只是希望我知道什么时候停止……任何帮助都表示赞赏… =)