Compatibilité fullscreen sur safari
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:
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...