✔ EventListener im fullscreen verwenden

[Sempervivum]

Da hat wohl bei Stackoverflow jemand eine Lösung gepostet, ohne sie zu testen ... So funktioniert es:

  function exitHandler() {
  if (document.webkitIsFullScreen || !document.mozFullScreen || document.msFullscreenElement) {
  document.getElementById('picturefullscreen').style.display = 'none';
  }
  }

Weil das so undurchsichtig ist mit diesen Eigenschaften (man müsste es auch noch für Webkit testen) würde ich aber dieses besser finden:

function switchtofullscreen() {

var element = document.getElementById('picturefullscreen');
element.style.display = 'block';
element.setAttribute("data-fson", "true");


if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
}
}
document.addEventListener('webkitfullscreenchange', exitHandler, false);
document.addEventListener('mozfullscreenchange', exitHandler, false);
document.addEventListener('fullscreenchange', exitHandler, false);
document.addEventListener('MSFullscreenChange', exitHandler, false);

function exitHandler() {
var element = document.getElementById('picturefullscreen');
/* if (document.webkitIsFullScreen || !document.mozFullScreen || document.msFullscreenElement) {
document.getElementById('picturefullscreen').style.display = 'none';
} */
if (element.getAttribute("data-fson") == "true") {
element.setAttribute("data-fson", "false");
} else {
element.style.display = 'none';
}
}

Beides getestet und funktioniert bei mir im FF.

 

[Sempervivum]

PS: Hier sind auch noch einige gute Informationen, speziell über fullscreenchange:
http://robertnyman.com/2012/03/08/using-the-fullscreen-api-in-web-browsers/
Hört sich so an, als ob der Autor bei Firefox mitarbeitet.

 

[ByeBye 249712]

Hei, Super Sache.

Hab dein Codebeispiel bei mir ausprobiert und es funktioniert perfekt.
Sehr cool, vielen Dank.
Der Link hört sich auch vielversprechend an.
Wau, das war jetzt echt ne längere Sache.
Mal schaun was mein nächstes Problem ist