youtube javascript API detect fullscreen exit on iOS devices

Question

I can't seem to figure out which element should I add the event listener to for it to work on iOS, I'm listening to these events

['webkitfullscreenchange', 'mozfullscreenchange', 'fullscreenchange', 'MSFullscreenChange']; 

and listening on both document and the element you pass to new YT.Player(), both are firing just fine on desktop browsers as well as android browsers, but neither fires on iOS (chrome or safari, doesn't matter).

You can check it live here, at the bottom http://youtubeplayer.fxck.cz/ -1, 1, 2, 3 are the standard youtube player events, 1337 is fullscreenchange from the element, 1338 is fullscreenchange from document.

Answer 1

use the following detection ways:

document.onwebkitfullscreenchange
document.onfullscreenchange
document.onmozfullscreenchange

also use a variable to store whether or not fullscreen was entered

isInFullscreen = false;

the moment one of those above get called we just negate the current state. that way we detect fullscreen changes.

jquery approach example:

 var isFullscreen = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
  $(document).on ('mozfullscreenchange webkitfullscreenchange fullscreenchange',function(){
      isFullscreen = !isFullscreen;
  });

you will need to have more indicators to ensure compability with every browser out there.