最近,当我点击youtube视频的全屏按钮时,我在youtube上,屏幕顶部显示一条消息,说我已进入全屏模式。此消息是您在键盘上按f-11时获得的本机消息。我也读过一些东西(我现在找不到),说现在可以用Javascript做到这一点。
问题
如何根据命令将用户浏览器(Google Chrome)置于全屏? - 没有扩展,他们需要先下载,或任何这种性质。
我正在使用jQuery,这样最好,但我根本找不到怎么做。
编辑:我已经看到了其他这类问题,但很久以前就被问过了,我相信这个功能还算新。答案 0 :(得分:10)
这是一篇好文章:Native Fullscreen 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();
答案 1 :(得分:1)
尝试这些功能,它们似乎是原生的:
void webkitRequestFullScreen();
void webkitRequestFullScreenWithKeys();
void webkitCancelFullScreen(); // only on Document
答案 2 :(得分:1)
自本周W3C加入以来,API仍然大量流动。我花了一些时间来解决差异,在MediaElement.js HTML5视频播放器中实现全屏,并且它在Safari 5.1 +,Chrome 15+或Firefox Nightly中运行良好。