使用javascript自动全屏显示（FS按钮单击）

我有一个摄像头系统，它是用铬合金铸造到电视上的。页面最初以横幅和小视图加载，我希望页面在默认情况下全屏打开（相机超时太久，页面必须每隔一段时间刷新）

我已经编写了一个快速的代码片段，使用类似于下面的代码自动化全屏显示的过程

/* Fx for click action */
function simulateClick(control){
    if(document.all){
        control.click()
    }else{
        var evObj = document.createEvent('MouseEvents');
        evObj.initMouseEvent('click', true, true, window, 1, 12, 345, 7, 220, false, false, true, false, 0, null );
        control.dispatchEvent(evObj)
    }
}

/* Doc Element to be acted on */
var FSToggle_ELEM = "Icon-module_icon__2a0I8 Icon-module_icon-medium__2_Qyn Icon-module_icon-light__27kpC";

FSToggle_ELEM = document.getElementsByClassName( FSToggle_ELEM )[2];

/* Execution */
simulateClick( FSToggle_ELEM )

注意：这可以在控制台中工作，但不能作为代码段

需要注意的是，摄像头的网页在页面的左侧/顶部有一个横幅，按fn+F11键，横幅将保留； 点击上面提到的按钮，它将全屏显示并删除横幅

在控制台中运行代码可以正常工作；但是，当作为代码段运行时，我得到一个错误，即Fullscreen API:。。。必须通过用户手势进行全屏显示

用一段代码就能达到这个效果吗

或者完全绕过这个问题，只是完全重新设置页面样式，这样横幅就不再可见，视频就可以根据FS进行缩放，而不是尝试通过自动点击事件来实现这一点，这会更容易吗

---

注意#2：横幅是应用程序的一部分（而不是chrome窗口本身）

不，你不能。全屏必须由用户事件触发。这是一个限制，否则所有类型的广告和跟踪脚本都可以触发全屏，没有人希望这样。这意味着建议使用JS重新设置页面样式，使其处于“全屏”外观？你可以为用户制作一个按钮“全屏”，这取决于用户。这没有多大用处，因为用户只需在手机中按F11或类似的键。但如果你想让一些javascript代码通过一个按钮全屏显示，我会给出一个答案；然而，这并不能解释为什么我编写的代码在控制台中工作（使用JS单击本机全屏按钮）（（好像这是一个用户手势））而不是作为一个片段（好像它不同于在控制台中运行？）