iOS exit fullscreen API

Question

I'm trying to force exit fullscreen video, when the movie is done. Nothing seems to work for iPad iOS.

video[0].onended = function() {
  video[0].pause();
  video[0].currentTime = 0;
  if ($('body').hasClass('fullscreen_mode')) {
    var exitFullScreen = document.exitFullscreen || document.msExitFullscreen || document.mozCancelFullScreen || document.webkitExitFullscreen;
    exitFullScreen.call(document);
    $('body').removeClass('fullscreen_mode');
  }
}

score 0 · Answer 1 · answered Jul 25 '18 at 10:27

Fullscreen API does not work on iOS. That means the user will have to use the native controls to exit a fullscreen video.

Someone has a more complete reply herE: https://stackoverflow.com/a/50832682/2114953

Also, CanIUse shows the compatibility chart for Fullscreen API and iOS is all red: https://caniuse.com/#feat=fullscreen

iOS exit fullscreen API

1 Answers1