javascript - 使用 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 插件来切换全屏。fullscreeneventchange将您的视频调整为 100% 的宽度和高度并将其放置在顶部（关闭时恢复）。