使用 Javascript 以编程方式将 Google Chrome 置于全屏模式？

Question

我最近在使用 YouTube 时，点击了 YouTube 视频中的全屏按钮，屏幕顶部出现一条消息，说我已进入全屏模式。此消息是您在键盘上按 f-11 时收到的本机消息。我还在某处读过一些东西（我现在找不到）说现在可以用 Javascript 来做到这一点。

问题

我如何根据命令将用户浏览器（Google Chrome）置于全屏？ - 如果没有扩展，他们需要事先下载或任何类似性质的东西。

我正在使用 jQuery，所以这是最好的，但我根本找不到如何做到这一点。

编辑：我已经看到了这种性质的其他问题，但他们很久以前就被问到了，我相信这个功能是相当新的。

Answer 1

这是一篇好文章：本机全屏 JavaScript API 。它描述了所有三种方法：webkit、firefox 和 W3-proposal。

// mozilla proposal
element.requestFullScreen();
document.cancelFullScreen(); 

// Webkit (works in Safari and Chrome Canary)
element.webkitRequestFullScreen(); 
document.webkitCancelFullScreen(); 

// Firefox (works in nightly)
element.mozRequestFullScreen();
document.mozCancelFullScreen(); 

// W3C Proposal
element.requestFullscreen();
document.exitFullscreen();

Answer 2

尝试这些功能，它们似乎是本机的：

void webkitRequestFullScreen();
void webkitRequestFullScreenWithKeys();
void webkitCancelFullScreen(); // only on Document

Answer 3

API 仍然在不断变化，尤其是自 W3C 本周加入以来。我花了一些时间研究这些差异，以便在 MediaElement.js HTML5 视频播放器中实现全屏，并且它在 Safari 5.1+、Chrome 15+ 或 Firefox Nightly 中运行良好。