https://guess.fr/Fullscreen.js

1var fullToggle          = false
2
3let portrait            = window.matchMedia("(orientation: portrait)");
4
5portrait.addEventListener("change", (e)=> {
6    (e.matches) ? console.log('portrait') : console.log('landscape')  
7    menu.retract()
8})
9
10full = ()=> {
11    
12    let tablet = window.matchMedia("(max-width: 767px)");
13
14    if (fullToggle) {
15
16        if (tablet.matches === false) {
17            if (document.exitFullscreen) {
18                document.exitFullscreen();
19            } else if (document.msExitFullscreen) {
20                document.msExitFullscreen();
21            } else if (document.mozCancelFullScreen) {
22                document.mozCancelFullScreen();
23            } else if (document.webkitExitFullscreen) {
24                document.webkitExitFullscreen();
25            }
26        }
27        
28        $carousel.flickity('exitFullscreen')
29        fullToggle = false
30        
31        setTimeout(() => { 
32			menu.retract() 
33			$('#sidebar').show()
34			$('#menutab').show()
35		}, 100);
36
37    } else {
38        if (tablet.matches === false) {
39
40            if (!document.fullscreenElement &&    
41                !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) {  
42                if (document.documentElement.requestFullscreen) {
43                    document.documentElement.requestFullscreen();
44                } else if (document.documentElement.msRequestFullscreen) {
45                    document.documentElement.msRequestFullscreen();
46                } else if (document.documentElement.mozRequestFullScreen) {
47                    document.documentElement.mozRequestFullScreen();
48                } else if (document.documentElement.webkitRequestFullscreen) {
49                    document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
50                }
51            }
52        }
53
54        $carousel.flickity('viewFullscreen')
55        $('#menutab').hide()
56        $('#sidebar').hide()
57        fullToggle = true
58    }
59}