Problème mode plein écran javascript

Bonjour,

Pourquoi j'ai cette erreur ? :
Uncaught (in promise) TypeError: fullscreen error
at openFullscreen (<anonymous>:6:14)
at <anonymous>:32:13


Mon code html :
<img src="atfrc/GE001.png" height="0" width="0" id="bt3_001"></img>


Mon code js :
function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}
function openFullscreen(elem) {
    if (elem.requestFullscreen) {
        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();
    }
}
function closeFullscreen() {
    if (document.exitFullscreen) {
        document.exitFullscreen();
    } else if (document.mozCancelFullScreen) { /* Firefox */
        document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
        document.webkitExitFullscreen();
    } else if (document.msExitFullscreen) { /* IE/Edge */
        document.msExitFullscreen();
    }
}

sleep(5000).then(() => {
    openFullscreen(bt3_001);
    sleep(5000).then(() => {
        closeFullscreen(bt3_001);
        sleep(5000).then(() => {
            openFullscreen(bt3_001);
        })
    })
});


Cordialement.

J'aimerais vraiment avoir une réponse...

2 réponses

  1. Contributeur
    C'est pas parce que ça fonctionne que ça passera sur tous les navigateurs du marché.

    En étant rigoureux dans le code, on évite tout un tas de soucis ^^
    1. Contributeur
      Bonjour,

      Vite lu comme ça, on ne passe pas un id du DOM juste en le nommant bt3_001 mais en mettant plutôt document.getElementById('bt3_001')

      1. Chez moi, même sans document.getElementById('bt3_001'), ça marches. En plus, j'ai déjà essayé d'utiliser document.getElementById('bt3_001')