Chrome中的Javascript全屏请求被拒绝

Question

[我正在尝试使html5 canvas全屏显示，所以我使用了javascript API和一个按钮将其全屏显示。

这是html按钮代码：

<button onclick="fullscreen()">Pantalla completa</button>

全屏功能如下：

function fullscreen(){
    var elem = myGameArea.canvas;

    try {
        if (elem.requestFullscreen) {
            prom = elem.requestFullscreen();
        } else if (elem.mozRequestFullScreen) { /* Firefox */
        elem.mozRequestFullScreen();
        } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
            elem.webkitRequestFullscreen();
        } else if (elem.msRequestFullscreen) { /* IE/Edge */
            elem.msRequestFullscreen();
        }         
    }
    catch (error) {
        console.error(error);
    }
}

这在mozilla firefox上工作正常，但在chrome中会出现错误：Browser console error

我不明白为什么，因为我在用户交互时按下按钮来调用它。

Answer 1

好吧，您不是说您正在使用iframe元素，所以您需要添加allow="fullscreen"属性才能执行此操作