Bloquer escape dans le full screen

Version imprimable

Bonjour

J'ai un script qui m'affiche un slider en full screen

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
function full(){    //fonction pour le plein ecran
 
    if (!document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullScreenElement) {
 
 
        if (container.mozRequestFullScreen) {
          container.mozRequestFullScreen();
          container.style.display="block";
 
      } 
 
      else if (container.webkitRequestFullscreen) {
          container.webkitRequestFullScreen();
          container.style.display="block";
 
 
      }
 
      else if (container.msRequestFullscreen) {
          container.msRequestFullscreen();
          container.style.display="block";
 
      }
 
      else if (container.requestFullScreen) {
          container.requestFullScreen();
          container.style.display="block";
 
      }
  }
 
 
  else {
 
 
 
    if (document.webkitFullscreenElement) {
      document.webkitCancelFullScreen();
      container.style.display="none";
 
  }
 
  if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
      container.style.display="none";
 
 
  }
 
  if (document.msExitFullscreen) {
      document.msExitFullscreen();
      container.style.display="none";
 
 
  } 
 
  if (document.fullscreenElement) {
      document.cancelFullScreen();
      container.style.display="none";
 
  }
 
  if (document.exitFullscreen) {
      document.exitFullscreen();
      container.style.display="none";
 
 
  } 
 
}
 
 
}

je voudrais soit bloquer la touche escape pour ne pas sortir du fullscreen soit faire disparaitre la variable container à la sortie du fullscreen avec la touche escape

01/01/2016, 19h44
sekaijin

l'utilisateur fait ce qu'il veut avec SA machine
de quel droit veux tu lui forcer la main.

le contenu c'est ton resort
le contenant c'est SA propriété

A+JYT
01/01/2016, 20h30
rvm31

merci sekaijin je pensais que c'était moi qui décidait de la manière dont je voulais que les utilisateurs consultent mon contenu, mais je voit que fais fausse route.
Y a t-il une norme AFNOR NF ou je ne sais quoi, qui impose ça ?:ptdr:
Et désolé ce n'est pas la bonne réponse.
01/01/2016, 21h08
sekaijin

il ne s'agit pas de norme mais de logique

le navigateur se configure dans les préférence et c'est l'utilisateur qui le configure.
s'il décide de ne pas afficher les images c'est son choix s'il désactive javascript c'est son choix.
s'il interdit le plein écran c'est son choix.

toi tu fournis un contenu qui s'affiche dans la fenêtre du navigateur
un peu comme word et un document
word c'est le programme et c'est l'utilisateur qui le paramètre
le document c'est le contenu

A+JYT
01/01/2016, 22h37
rvm31

ok mais je fait une manip qui lance le slider plein écran sur la même page qaund on clique sur un bouton.
Le slider est en display none au départ le clic sur le bouton le met en display block et en full screen.
mais si on quite le full screen le slider apparait sur la page d'origine ce que je ne veux pas je voudarit donc quand quittant le full screen il disparaisse.
02/01/2016, 14h20
sekaijin

tu peux réagir au changement d'état du fullsreen et agir en concequences
http://stackoverflow.com/questions/1...its-fullscreen

A+JYT

Je reviens sur ce post car en essayant le code ci dessous
j'ai une alerte a chaque changement d'état que je sois en fullscreen ou non, donc je ne sais jamais si je suis ou non en fullscreen

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
<div id='conteneur_poup' >
  <video id="v1" 
  onprogress="precharge(event)"
  onclick="marchearret()"
  style="position:relative;z-index: 5">
  <source src='films/Sow_enfants_abando.mp4' type="video/mp4" width="120" height="240">
  </video>
 
  <div id='commande' >
    <div id='defile' onmousedown="ajoutevent(event)">
      <div id='precharge'></div>
      <div id='bar'></div>
    </div>
    <div style='margin:auto'>
      <input type='button' value='play' onclick='marchearret(this)' id='ma'/>
      <input type='button' value='mute' onclick='mute(this)'/>
      <div class='bt_p_ecran' onclick='full();exitHandler()'></div>
      <span class='tmp' id="temp" onclick='sens_t()'>00:00</span>
      <div onmousedown='event_son(event)' id='mt_le_son' class='mt_le_son'>
        <div class='cur_son'> </div>
      </div>
    </div>
  </div>
<script type="text/javascript"> 
var container=document.getElementById("conteneur_poup");
var aller ="embarquement2.php";
var testfull=12;
 
 
function exitHandler()
{
    if (container.webkitIsFullScreen || container.mozFullScreen || container.msFullscreenElement !== null)
    {
        alert();
    }
}
 
</script>
<script type="text/javascript" src="js/video.js"> </script>