pornhub fullscreen on orientation change avoiding "API can only be initiated by a user gesture." warning

readme.md

turns out you can't use orientationchange event on window object like so

window.addEventListener("orientationchange", () => {
  document.body.webkitRequestFullscreen()
});

you need to use change event on screen.orientation object

like this

screen.orientation.addEventListener('change', () => {
  document.body.webkitRequestFullscreen()
});

🎉🎉🎉🎉🎉🎉 Magic Yay 🎉🎉🎉🎉🎉🎉 

source: https://cdn1d-static-shared.phncdn.com/html5player/videoPlayer/html5/3.1.0/mhp1138.player.HTML5PlayerMobile.js gist: https://gist.github.com/thecotne/31e374d42c80d89a244b9da24012d39b

pornhub-fullscreen.js

if(('orientation' in screen) && !player.settings.embeds.enabled) {
  screen.orientation.addEventListener('change', function (e) {
    if (screen.orientation.type === 'landscape-primary' || screen.orientation.type === 'landscape-secondary') {
      player.fullscreen.enter();
    } else {
      player.fullscreen.exit();
    }
    e.preventDefault();
    e.stopPropagation();
  });
}


function checkAvailability() {
  var element = doc.documentElement,
  elementIos = player.playerElement;//IOS contains webkitSupportsFullscreen in video element
  if (element.requestFullScreen ||
    element.mozRequestFullScreen ||
    element.webkitRequestFullScreen ||
    element.msRequestFullscreen ||
            elementIos.webkitEnterFullscreen
  ) {
    return true;
  }
  return false;
}

function enterFullscreen() {
  var element = player.playerContainerElement;

  if (element.requestFullScreen) {
    element.requestFullScreen();
  } else if (element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if (element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  } else if (element.msRequestFullscreen) {
    element.msRequestFullscreen();

  // special case for iOS
  } else if (ios && !element.webkitRequestFullScreen) {
    // assuming we would find a video tag inside player container
    var video = player.playerElement;

    // there is a different method name to enter fullscreen
    if (video.webkitSupportsFullscreen) {
      video.webkitEnterFullscreen();
    }
  }
}

function exitFullscreen() {
  if (doc.cancelFullScreen) {
    doc.cancelFullScreen();
  } else if (doc.mozCancelFullScreen) {
    doc.mozCancelFullScreen();
  } else if (doc.webkitCancelFullScreen) {
    doc.webkitCancelFullScreen();
  } else if (doc.msExitFullscreen) {
    doc.msExitFullscreen();
  }
}

function toggleFullscreen() {
  if (fullscreenState) {
    exitFullscreen();
  } else {
    enterFullscreen();
  }
}