加载文档时的全屏浏览器窗口

Posted

技术标签:

【中文标题】加载文档时的全屏浏览器窗口【英文标题】:full-screen browser window on load document 【发布时间】:2012-05-08 07:06:51 【问题描述】:

如何在加载页面后全屏浏览器窗口? 我在 jQuery 中使用了如下代码,但它只使用事件 click; 但我希望它能够在 load 上工作。

jQuery(document).ready(function($) 
    function fullScreen()
            var docElm = document.documentElement;
            if (docElm.requestFullscreen) 
                //alert("requestFullscreen");
                docElm.requestFullscreen();
            
            else if (docElm.mozRequestFullScreen) 
                //alert("mozRequestFullScreen");
                docElm.mozRequestFullScreen();
            
            else if (docElm.webkitRequestFullScreen) 
                //alert("webkitRequestFullScreen");
                docElm.webkitRequestFullScreen();
            

    
);

【问题讨论】:

【参考方案1】:

来自https://wiki.mozilla.org/Gecko:FullScreenAPI#Suggested_UA_Policy

..requestFullScreen 当窗口已经处于全屏状态时被批准。 否则,requestFullScreen 在用户操作之外(例如,非综合输入事件处理程序)被拒绝。

因此,如果不是由用户操作触发,则无法强制全屏

【讨论】:

我不能制作一个按钮然后以编程方式“触发”那个按钮吗? :) 我也在尝试构建一个全屏打开的网络应用程序......

以上是关于加载文档时的全屏浏览器窗口的主要内容,如果未能解决你的问题,请参考以下文章

带封面图片的全屏背景 HTML5 视频

chrome手机版全屏播放加载进度条

JavaScript SWFObject:带有浏览器滚动条的全屏闪烁

如何打开Android版Chrome Beta隐藏的全屏模式

请问,怎么用JQuery监听html5 中video 标签的全屏按钮?

学习 | jQuery全屏滚动插件FullPage.js