Rounded Youtube

Round the Youtube watch video screen

Vous devrez installer une extension telle que Tampermonkey, Greasemonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Userscripts pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension de gestionnaire de script utilisateur pour installer ce script.

(J'ai déjà un gestionnaire de scripts utilisateur, laissez-moi l'installer !)

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

(J'ai déjà un gestionnaire de style utilisateur, laissez-moi l'installer!)

// ==UserScript==
// @name         Rounded Youtube
// @namespace    https://github.com/Arora-Sir
// @version      1.1
// @license      MIT
// @description  Round the Youtube watch video screen
// @author       Mohit Arora
// @match        *://*.youtube.com/*
// @exclude      *://music.youtube.com/*
// @exclude      *://*.music.youtube.com/*
// @icon         https://www.svgrepo.com/show/92784/youtube.svg
// @supportURL   https://github.com/Arora-Sir/Tampermonkey/issues
// @grant        none
// @run-at       document-start
// ==/UserScript==

function setYTRoundCorners(evt) {
  let checkForRoundYT_TimerCheck;
  function checkForRoundYT() {
    try {
      let OuterVideoPlayer = document.querySelector(".html5-video-player") ?? document.querySelector("#container.ytd-player > div");
      OuterVideoPlayer.style.borderRadius = "15px"; //Initial State
      document.addEventListener(
        "fullscreenchange",
        function () {
          if (document.fullscreenElement) {
            //console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
            OuterVideoPlayer.style.borderRadius = "0px";
          } else {
            //console.log('Leaving fullscreen mode.');
            OuterVideoPlayer.style.borderRadius = "15px";
          }
        },
        true
      );
    } catch (error) {
      //console.log("[RoundedYoutube]: " + error.message);
      return;
    }
    clearInterval(checkForRoundYT_TimerCheck);
  }
  checkForRoundYT_TimerCheck = setInterval(checkForRoundYT, 100);
}

(function () {
  "use strict";
  setYTRoundCorners();
  //RoundYT
  //window.addEventListener("yt-navigate-finish", RoundYoutube, true);

  //Old Method Limitations: (Double click listner not added, not work sometimes!)
  /*
  let OuterVideoPlayer = document.querySelector(".html5-video-player");
  let FullScreenButton = document.querySelector('[title="Full screen (f)"]');

  // Removed the code as now script run at document end
  //     if(OuterVideoPlayer!=null){
  OuterVideoPlayer.style.borderRadius = "15px";
  //     }
  //     else{
  //         while (OuterVideoPlayer.style.borderRadius != "15px"){
  //             OuterVideoPlayer.style.borderRadius = "15px";
  //         };
  //     }

  //When F is preessed or Left clicked on Full Screen Button
  document.addEventListener("keydown", ButtonOrF_Pressed, false);
  FullScreenButton.addEventListener("click", ButtonOrF_Pressed, false);

  function ButtonOrF_Pressed(f) {
      if(f.code == "KeyF" || event.button==0){
          if(OuterVideoPlayer.style.borderRadius == "0px"){
              OuterVideoPlayer.style.borderRadius = "15px";
          }
          else{
              OuterVideoPlayer.style.borderRadius = "0px"
          }
      }
  }
*/
})();