Rounded Youtube

Round the Youtube watch video screen
目前為 2022-12-02 提交的版本，檢視最新版本。
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         Rounded Youtube
// @namespace    https://github.com/Arora-Sir
// @version      1.0
// @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"
            }
        }
    }
*/
})()
欢迎访问Greasy Fork镜像
