☰

优酷影院模式

自动转到更宽的 YouTube 屏幕

当前为 2022-02-20 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name:ko           유튜브 극장모드
  3. // @name              Youtube Theatermode
  4. // @name:ru           Youtube Театральный режим
  5. // @name:jp           Youtubeシアターモード
  6. // @name:zh-CN        优酷影院模式
  7. // @name:zh-TW        優酷影院模式
  8.  
  9. // @description:ko    유튜브 화면을 자동으로 꽉 찬 화면으로 바꿉니다.
  10. // @description       Turn to wider Youtube screen automatially.
  11. // @description:ru    Автоматически переключайтесь на более широкий экран Youtube.
  12. // @description:jp    自動的に広いYouTube画面に移動します
  13. // @description:zh-CN 自动转到更宽的 YouTube 屏幕
  14. // @description:zh-TW 自動轉到更寬的 YouTube 屏幕
  15.  
  16. // @namespace         https://ndaesik.tistory.com/
  17. // @version           2022.02.20.21:38
  18. // @author            ndaesik
  19. // @icon              https://lh3.googleusercontent.com/iLZyxGK7l1343U4E7eAfgKbRWW6qhzCJq-Z92M60JzCMntFyaFF2GUQVRxPhfGcy6qRISLjHv4fX1vtq0TZkZMAzBjM
  20. // @match             https://www.youtube.com/*
  21. // ==/UserScript==
  22. let DEF = document.createElement("style"), TOG = document.createElement("style")
  23. DEF.innerText = `
  24. #chips-wrapper.ytd-feed-filter-chip-bar-renderer {top:56px}
  25. [dark] .gstl_50.sbdd_a * {background-color:#232323!important; border-color:#282828!important}
  26. [dark] .gsfs,[dark] .sbpqs_a{color:#FFF!important}
  27. ytd-app:not([guide-persistent-and-visible]) [theater] #player.ytd-watch {height: 100vh!important; max-height: 100vh!important}
  28. :is(ytd-watch-flexy[theater],ytd-watch-flexy[fullscreen]) #player-theater-container.ytd-watch-flexy,
  29. ytd-app:not([guide-persistent-and-visible]) [theater] #player video {
  30. width: 100%!important; height: 100vh!important; max-height: 100vh!important; max-width: 100%!important; left: 0!important}`
  31. document.head.appendChild(DEF)
  32. TOG.innerText = `
  33. ytd-app:not([guide-persistent-and-visible]) :is(#masthead-container ytd-masthead, #masthead-container.ytd-app::after) {transform: translateY(-56px); transition: transform .1s .3s ease-out}
  34. ytd-app:not([guide-persistent-and-visible]) :is(#masthead-container:hover ytd-masthead, #masthead-container:hover.ytd-app::after, #masthead-container:focus-within ytd-masthead) {transform: translateY(0px)}
  35. ytd-app:not([guide-persistent-and-visible]) ytd-page-manager {margin-top: 0!important}`
  36. TOG.className = "TOGstyle"
  37.  
  38. window.addEventListener("yt-navigate-finish", () => {
  39.     document.head.appendChild(TOG)
  40.     let full = setInterval(() => {((document.querySelector("#ytd-player")?.offsetWidth + 50) < window.innerWidth) ? document.querySelector(".ytp-size-button")?.click() : clearInterval(full)},100)
  41.     setTimeout(() => {if (document.querySelector("ytd-watch-flexy") == null) document.querySelector(".TOGstyle")?.remove()}, 100)
  42.     setTimeout(() => {clearInterval(full)}, 10000)
  43.     window.scrollTo(0, 0)
  44. })
  45. window.addEventListener("mouseup", () => {
  46.   setTimeout(() => {
  47.       ((document.querySelector("#ytd-player").offsetWidth + 50) < window.innerWidth || document.URL.indexOf("watch") == -1) ?
  48.       document.querySelector(".TOGstyle")?.remove() : document.head.appendChild(TOG)
  49.   }, 100)
  50. })