Compatibilité fullscreen sur safari

**dominos** · 25/10/2019, 10h26

Bonjour,

je cherche à faire un fullscreen d'une page, l'exemple suivant récupéré sur le net fonctionne mais affiche une page noir vide... de plus ça ne fonctionne pas sous safari, la compatibilité recherchée est IE11/Edge/Chrome/Safari/FF/Opéra.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<html>
<head>
<script type="text/javascript">
 
function fullscreen_test(){
    var divObj = document.html;  //change to whatever element you want
 
    if (divObj.requestFullscreen){
        if (document.fullScreenElement) {
            document.cancelFullScreen();       
        } else {
          divObj.requestFullscreen();
        }   
    }   
 
    else if (divObj.msRequestFullscreen){
        if (document.msFullscreenElement) {
            document.msExitFullscreen();
        } else {
            divObj.msRequestFullscreen();
        }           
    }
 
    else if (divObj.webkitRequestFullscreen){
        if (document.webkitFullscreenElement) {
            document.webkitExitFullscreen();
        } else {
            divObj.webkitRequestFullscreen();
        }           
    }
 
    else if (divObj.mozRequestFullScreen){
        if (document.mozFullScreenElement) {
            document.mozCancelFullScreen();
        } else {
          divObj.mozRequestFullScreen();
        }
    }
 
    else if (divObj.webkitRequestFullscreen){
        if (document.webkitFullscreenElement) {
            document.webkitCancelFullScreen();
          } else {
          divObj.webkitRequestFullscreen();
        }   
    }
    e.stopPropagation();
        
 
};</script>
</head>
<body style="background: white;">
 
<button onclick="fullscreen_test()">test</button>
 
</body>
</html>

S'il vous plaît, auriez-vous une idée du problème ? merci d'avance...

**ProgElecT** · 26/10/2019, 11h07

Salut

Pour avancer
Dans la partie body

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<button onclick="fullscreen_test(event)">test</button>

Dans la partie Script

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function fullscreen_test(e){
    var divObj = document;  //change to whatever element you want
    console.log("divObj = " , divObj);

En regardant dans la console (F12), cela devrait te permettre de de-buguer.

Compatibilité fullscreen sur safari

JavaScript

Discussions similaires

Partager

Partager