Я видел десятки учебников по этому вопросу, и это кажется прямым. Все, что я хочу, - сделать так, чтобы мой элемент HTML5 canvas работал в полноэкранном режиме (как в полноэкранном режиме, занимая весь монитор).

Вот'мой HTML:

<p>
        Your browser does not support the canvas element.
</p>

<p><a href="javascript:goFullScreen();">Go Fullscreen</a></p>

Вот's мой Javascript (в своем собственном файле .js):

function goFullScreen(){
    var canvas = document.getElementById("screen");
    if(canvas.requestFullScreen)
        canvas.requestFullScreen();
    else if(canvas.webkitRequestFullScreen)
        canvas.webkitRequestFullScreen();
    else if(canvas.mozRequestFullScreen)
        canvas.mozRequestFullScreen();
}

Я проверил функцию; он вызывается и один из трех ifs (а именно, так как ям с использованием Firefox, вызывается mozRequestFullScreen). Мой браузер открывает его на каждой демонстрации, которую япроверено, но не в моем собственном коде.

Какие'пропущенная переменная? Я, должно быть, гуглил буквально каждую ссылку, которая упоминает об этом, и все же ничего. Благодарю.