• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Vollbildmodus beenden in Chrome und IE

Conkuist

Mitglied
Hallo,
Habe Versucht eigene controls für ein Video zu erstellen.
Leider hab ich Probleme beim Vollbildmodus.
Das wechseln in den Vollbildmodus klappt bei allen Browser.
Aber das Beenden über den Button funktioniert nur bei Firefox.

Hab mal Versucht ein Beipiel zu erstellen.

Hier könnt ihr euch den Code bei JS Fiddle anschauen.
Habe euch dort auch einen Link zum Anschauen eingefügt.
weil der Code in den Iframes von JSFiddle nicht funktioniert.

Und hier noch mal der Code der nicht in allen Browsern das macht was er soll.

Code:
function full() {
  if (player.requestFullscreen) {
  if (!document.fullScreen) {
  player.requestFullscreen();
  } else {
  document.exitFullScreen();
  }
  } else if (player.msRequestFullscreen) {
  if (!document.msFullScreen) {
  player.msRequestFullscreen();
  } else {
  document.msCancelFullScreen()
  }
  } else if (player.mozRequestFullScreen) {
  if (!document.mozFullScreen) {
  player.mozRequestFullScreen();
  } else {
  document.mozCancelFullScreen();
  }
  } else if (player.webkitRequestFullscreen) {
  if (!document.webkitFullScreen) {
  player.webkitRequestFullscreen();
  } else {
  document.webkitCancelFullScreen()
  }
  }
}
 
Werbung:
Hab wo anderst ein Script gefunden das änlich is nur leider scheint es mit dem auch nicht zu gehen.
Aber es funktioniert zumindest mal in Frefox und Chrome
Beim IE lässt sich der Fullscreen wie vorher nicht beenden
Falls ihr euch fragt warum ich die Class ändere
Das hat was mit meiner Icon Font zu tun.
Damit werden dann die Icons geändert.

Code:
var isFullscreen= false;
fullscreen.addEventListener('click',full,false);

function full()
{if(!isFullscreen)

{if (player.requestFullscreen)
   {player.requestFullscreen();}

   else if (player.msRequestFullscreen)
   {player.msRequestFullscreen();}

   else if (player.mozRequestFullScreen)
   {player.mozRequestFullScreen();}

   else if (player.webkitRequestFullscreen)
   {player.webkitRequestFullscreen();}

   isFullscreen=true;
   fullscreen.classList.remove('icon-expand');
   fullscreen.classList.add('icon-contract');}

else
   {if(document.cancelFullScreen)
   {document.cancelFullScreen();}

   else if(document.msCancelFullScreen)
   {document.msCancelFullScreen();}

   else if(document.mozCancelFullScreen)
   {document.mozCancelFullScreen();}

   else if(document.webkitCancelFullScreen)
   {document.webkitCancelFullScreen();}

   isFullscreen=false;
   fullscreen.classList.add('icon-expand');
   fullscreen.classList.remove('icon-contract');}
}
 
Zuletzt bearbeitet:
Schein hier wohl Niemand mehr zu Antworten
Schade eigentlich

Falls jemand das hier doch noch liest
und weiß mit welchem code ich den Fullscreenmode im IE beenden kann
oder was ich bei meinem Code falsch gemacht habe
darf das hier gerne schreiben
Vielleicht hilft es ja auch anderen weiter.
 
Werbung:
Zurück
Oben