codevise/pageflow

import {browser} from 'pageflow/frontend';

export const phoneLandscapeFullscreen = function() {
  if (window.screen.orientation) {
    if (browser.has('phone platform') && !browser.has('iphone platform')) {
      window.screen.orientation.onchange = function() {
        if (isLandscape()) {
          requestFullscreen(document.body);
        }
      };
    }
  }

  function isLandscape() {
    return window.orientation == 90 || window.orientation == -90;
  }

  function requestFullscreen(el) {
    if (el.requestFullscreen) {
      el.requestFullscreen();
    }
    else if (el.mozRequestFullScreen) {
      el.mozRequestFullScreen();
    }
    else if (el.webkitRequestFullscreen) {
      el.webkitRequestFullscreen();
    }
    else if (el.webkitEnterFullscreen) {
      el.webkitEnterFullscreen();
    }
  }
};