Eu vi dezenas de tutoriais sobre isso, e parece ser direto. Tudo o que quero é fazer com que o meu elemento de tela HTML5 fique em tela cheia (como no total de tela cheia, ocupando todo o monitor).

Aqui está meu HTML:

<p><canvas id="screen" width="800" height="500"
    style="background: #FFFFFF; border: 5px solid black;" role="img">
        Your browser does not support the canvas element.
</canvas></p>

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

Aqui está o meu Javascript (em seu próprio arquivo .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();
}

Eu testei a função; ele é chamado e um dos três ifs (ou seja, desde que eu estou usando o Firefox, mozRequestFullScreen) é chamado. Meu navegador o abre em todas as demonstrações que testei, mas não no meu próprio código.

Qual é a variável que falta? Eu devo ter pesquisado no Google, literalmente, todos os links que mencionam isso, e ainda nada. Obrigado.