使用JQuery中的外部链接全屏播放youtube视频

Question

您好可以使用外部链接控制嵌入任何网站的YouTube视频中的全屏选项吗？ 我正在使用iframe来加载youtube网址：

<iframe width="640" height="360"
 src="http://www.youtube.com/embed/hrbKp5N74zE?rel=0"
 frameborder="0" allowfullscreen></iframe>

现在我有一个id为'showFullScreen'的链接。

这是Jquery： -

$(function(){
  $('a#showFullScreen').live('click',function(){
      /*
       * Full Screen code here
      */

  });
});

Answer 1

使用此jQuery plugin切换全屏。在fullscreeneventchange上将您的视频调整为100％的宽度和高度，并将其定位在顶部（还原时关闭）。