☰

m.YouTube.com auto fullscreen on rotate

Switches the video to full-screen mode when you rotate your smart device

  1. // ==UserScript==
  2. // @name         m.YouTube.com auto fullscreen on rotate
  3. // @namespace    m-youtube-com-auto-fullcreen-on-rotate
  4. // @version      1.1
  5. // @description  Switches the video to full-screen mode when you rotate your smart device
  6. // @author       hlorand.hu
  7. // @match        https://m.youtube.com/*
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
  9. // @grant        none
  10. // @license      https://creativecommons.org/licenses/by-nc-sa/4.0/
  11. // ==/UserScript==
  12.  
  13. // Screenshot: https://ibb.co/chtmD9F
  14.  
  15. (function() {
  16.     //'use strict';
  17.  
  18.     var isFullscreen = false;
  19.  
  20.     window.addEventListener("orientationchange", (event) => {
  21.         let player = document.getElementById("player-container-id");
  22.         let angle = event.target.screen.orientation.angle;
  23.         console.log(angle, isFullscreen);
  24.  
  25.         // enter fullscreen
  26.         if( !isFullscreen && (angle > 60 && angle < 120 || angle > 240 && angle < 300) ){
  27.             player.requestFullscreen();
  28.             isFullscreen = true;
  29.             return;
  30.         }
  31.  
  32.         // exit fullscreen
  33.         if( isFullscreen && (angle > 330 || angle < 30 || angle > 150 && angle < 210) ){
  34.             document.exitFullscreen();
  35.             isFullscreen = false;
  36.             return;
  37.         }
  38.  
  39.  
  40.  
  41.     });
  42.  
  43. })();