https://xn--b1af7a0ax.xn--p1ai/js/fullscreen.js

1document.cancelFullScreen = document.cancelFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.msCancelFullScreen;
2
3function onFullScreenEnter() {
4  console.log("Enter fullscreen initiated from iframe");
5};
6
7function onFullScreenExit() {
8  console.log("Exit fullscreen initiated from iframe");
9};
10
11// Note: FF nightly needs about:config full-screen-api.enabled set to true.
12function enterFullscreen(id) {
13  onFullScreenEnter(id);
14  var el =  document.getElementById(id);
15  var onfullscreenchange =  function(e){
16    var fullscreenElement = document.fullscreenElement || document.mozFullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement;
17    var fullscreenEnabled = document.fullscreenEnabled || document.mozFullscreenEnabled || document.webkitFullscreenEnabled || document.msFullscreenEnabled;
18    console.log( 'fullscreenEnabled = ' + fullscreenEnabled, ',  fullscreenElement = ', fullscreenElement, ',  e = ', e);
19  }
20
21  el.addEventListener("webkitfullscreenchange", onfullscreenchange);
22  el.addEventListener("mozfullscreenchange",     onfullscreenchange);
23  el.addEventListener("msfullscreenchange",       onfullscreenchange);
24  el.addEventListener("fullscreenchange",          onfullscreenchange);
25  if (el.webkitRequestFullScreen) {
26    el.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
27  } 
28  
29  else if (el.msRequestFullscreen) {
30        el.msRequestFullscreen();
31      }
32  
33  else {
34    el.mozRequestFullScreen();
35  }
36
37  
38  document.querySelector('#'+id + ' button').onclick = function(){
39    exitFullscreen(id);
40  }
41}
42
43function exitFullscreen(id) {
44  onFullScreenExit(id);
45  document.cancelFullScreen();
46  document.querySelector('#'+id + ' button').onclick = function(){
47    enterFullscreen(id);
48  }
49}