Rester en mode pleine écran sur toute les pages web en js

Bonjour, 

J'aimerai que le fonction plein écran reste active lorsque je navigue sur plusieurs page et par la même occasion la quitter sur n'importe quelle page. 

En html, j'ai ajouter le bouton qui fait appelle à le fonction "requestFullscreen" pour le mode plein écran sur toutes les pages. Cependant, lorsque je quitte l'une des pages , où j'ai activé la fonction, pour aller dans une autre celle-ci se désactive.

Comment faire pour qu'elle ne se désactive pas automatiquement mais seulement lorsque j'appuis sur le bouton pour la désactiver ?

Voici ma fonction js : 

document.getElementById("pleinEcran").addEventListener("click", () => {
    var monElement = document.documentElement;   
    
        if (!document.fullscreenElement) {
              monElement.requestFullscreen();
              document.getElementById("pleinEcran").src="" ;
            } else {
              document.exitFullscreen();
              document.getElementById("pleinEcran").src="";
              
            }
});

Merci pour votre aide !