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

【问题标题】：Play youtube video in full screen using external link in JQuery使用 JQuery 中的外部链接全屏播放 youtube 视频
【发布时间】：2012-07-29 01:03:16
【问题描述】：

您好，是否可以使用外部链接控制嵌入任何网站的 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
      */

  });
});

【问题讨论】：

【解决方案1】：

使用此jQuery plugin 切换全屏。在fullscreeneventchange 上，将您的视频大小调整为 100% 的宽度和高度，并将其放在顶部（关闭时恢复）。

【讨论】：