☰

YouTube FullScreen No Controls

Make YouTube FullScreen No Controls

当前为 2023-08-15 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           YouTube FullScreen No Controls
  3. @namespace      github.com/openstyles/stylus
  4. @version        0.1.2
  5. @description    Make YouTube FullScreen No Controls
  6. @author         CY Fung
  7. @license MIT
  8. ==/UserStyle== */
  9.  
  10. @-moz-document url-prefix("https://www.youtube.com/watch?v=") {
  11.     /* Insert code here... */
  12.     
  13.     
  14.     /* ytp-autohide -> .ytp-fullscreen.html5-video-player */
  15.  
  16.     
  17.     
  18.    /* 
  19. .ytp-fullscreen.html5-video-player {
  20.     cursor: none
  21. }*/
  22.  
  23.  
  24. .ytp-fullscreen.html5-video-player .ytp-player-content:not(.html5-endscreen),.ytp-fullscreen.html5-video-player .ytp-player-content:not(.ytp-upnext),.ytp-hide-info-bar .ytp-player-content {
  25.     top: 0;
  26.     -webkit-transition: bottom .1s cubic-bezier(.4,0,1,1),top .1s cubic-bezier(.4,0,1,1);
  27.     -o-transition: bottom .1s cubic-bezier(.4,0,1,1),top .1s cubic-bezier(.4,0,1,1);
  28.     transition: bottom .1s cubic-bezier(.4,0,1,1),top .1s cubic-bezier(.4,0,1,1)
  29. }
  30.  
  31. .ytp-fullscreen.html5-video-player .ytp-ypc-player-content,.ytp-hide-controls .ytp-player-content {
  32.     bottom: 0
  33. }
  34.  
  35. .ytp-fullscreen.html5-video-player:not(.ytp-ad-overlay-open) .ytp-iv-player-content,.ytp-hide-controls .ytp-iv-player-content {
  36.     bottom: 12px
  37. }
  38.  
  39.  
  40. .ytp-big-mode.ytp-fullscreen.html5-video-player:not(.ytp-ad-overlay-open) .ytp-iv-player-content,.ytp-big-mode.ytp-hide-controls .ytp-iv-player-content {
  41.     bottom: 24px
  42. }
  43.  
  44.  
  45. .ytp-fullscreen.html5-video-player .ytp-playlist-menu-button,.ytp-fullscreen.html5-video-player .ytp-back-button,.ytp-fullscreen.html5-video-player .ytp-title-channel,.ytp-fullscreen.html5-video-player .ytp-title,.ytp-fullscreen.html5-video-player .ytp-chrome-top .ytp-watch-later-button,.ytp-fullscreen.html5-video-player .ytp-chrome-top .ytp-share-button,.ytp-fullscreen.html5-video-player .ytp-chrome-top .ytp-copylink-button,.ytp-fullscreen.html5-video-player:not(.ytp-cards-teaser-shown) .ytp-cards-button,.ytp-fullscreen.html5-video-player .ytp-overflow-button,.ytp-fullscreen.html5-video-player .ytp-chrome-bottom,.ytp-chrome-top[aria-hidden=true],.ytp-chrome-bottom[aria-hidden=true] {
  46.     opacity: 0;
  47.     -webkit-transition: opacity .1s cubic-bezier(.4,0,1,1);
  48.     -o-transition: opacity .1s cubic-bezier(.4,0,1,1);
  49.     transition: opacity .1s cubic-bezier(.4,0,1,1)
  50. }
  51.  
  52. .ytp-fullscreen.html5-video-player:not(.ytp-fullscreen.html5-video-player-active) .ytp-playlist-menu-button,.ytp-fullscreen.html5-video-player:not(.ytp-fullscreen.html5-video-player-active) .ytp-back-button,.ytp-fullscreen.html5-video-player:not(.ytp-fullscreen.html5-video-player-active) .ytp-title-channel,.ytp-fullscreen.html5-video-player:not(.ytp-fullscreen.html5-video-player-active) .ytp-title,.ytp-fullscreen.html5-video-player:not(.ytp-fullscreen.html5-video-player-active) .ytp-chrome-top .ytp-watch-later-button,.ytp-fullscreen.html5-video-player:not(.ytp-fullscreen.html5-video-player-active) .ytp-chrome-top .ytp-share-button,.ytp-fullscreen.html5-video-player:not(.ytp-fullscreen.html5-video-player-active):not(.ytp-cards-teaser-shown) .ytp-cards-button,.ytp-fullscreen.html5-video-player:not(.ytp-fullscreen.html5-video-player-active) .ytp-overflow-button {
  53.     display: none
  54. }
  55.  
  56.  
  57. .ytp-gradient-top[aria-hidden=true],.ytp-gradient-bottom[aria-hidden=true],.ytp-fullscreen.html5-video-player .ytp-gradient-top,.ytp-fullscreen.html5-video-player .ytp-gradient-bottom {
  58.     opacity: 0;
  59.     -webkit-transition: opacity .1s cubic-bezier(.4,0,1,1);
  60.     -o-transition: opacity .1s cubic-bezier(.4,0,1,1);
  61.     transition: opacity .1s cubic-bezier(.4,0,1,1)
  62. }
  63.  
  64. .ytp-fullscreen.html5-video-player:not(.ytp-fullscreen.html5-video-player-active) .ytp-gradient-top,.ytp-fullscreen.html5-video-player:not(.ytp-fullscreen.html5-video-player-active) .ytp-gradient-bottom {
  65.     display: none
  66. }
  67.  
  68.  
  69. .ad-showing.ytp-fullscreen.html5-video-player .video-ad-status-bar,.ad-showing.ytp-hide-controls .video-ad-status-bar {
  70.     bottom: 0
  71. }
  72.  
  73. .ytp-fullscreen.html5-video-player.ytp-ad-overlay-closed .ad-overlay {
  74.     opacity: 0;
  75.     -webkit-transition: bottom .1s cubic-bezier(.4,0,1,1),opacity .1s cubic-bezier(.4,0,1,1);
  76.     -o-transition: bottom .1s cubic-bezier(.4,0,1,1),opacity .1s cubic-bezier(.4,0,1,1);
  77.     transition: bottom .1s cubic-bezier(.4,0,1,1),opacity .1s cubic-bezier(.4,0,1,1)
  78. }
  79.  
  80. .ytp-hide-controls .ytp-ad-player-overlay-instream-info,.ytp-hide-controls .ytp-ad-survey-player-overlay-instream-info,.ytp-fullscreen.html5-video-player .ytp-ad-player-overlay-instream-info,.ytp-fullscreen.html5-video-player .ytp-ad-survey-player-overlay-instream-info,.ytp-iv-drawer-open .ytp-ad-player-overlay-instream-info,.ytp-iv-drawer-open .ytp-ad-survey-player-overlay-instream-info,.ytp-embed.ytp-hide-controls .ytp-ad-player-overlay-instream-info,.ytp-embed.ytp-hide-controls .ytp-ad-survey-player-overlay-instream-info,.ytp-embed.ytp-fullscreen.html5-video-player .ytp-ad-player-overlay-instream-info,.ytp-embed.ytp-fullscreen.html5-video-player .ytp-ad-survey-player-overlay-instream-info,.ytp-embed.ytp-iv-drawer-open .ytp-ad-player-overlay-instream-info,.ytp-embed.ytp-iv-drawer-open .ytp-ad-survey-player-overlay-instream-info {
  81.     bottom: 6px;
  82.     -webkit-transition: bottom .1s cubic-bezier(.4,0,1,1);
  83.     -o-transition: bottom .1s cubic-bezier(.4,0,1,1);
  84.     transition: bottom .1s cubic-bezier(.4,0,1,1)
  85. }
  86.  
  87.  
  88. .ytp-fullscreen.html5-video-player.ytp-ad-overlay-closed .ytp-ad-overlay-slot {
  89.     opacity: 0;
  90.     -webkit-transition: bottom .1s cubic-bezier(.4,0,1,1),opacity .1s cubic-bezier(.4,0,1,1);
  91.     -o-transition: bottom .1s cubic-bezier(.4,0,1,1),opacity .1s cubic-bezier(.4,0,1,1);
  92.     transition: bottom .1s cubic-bezier(.4,0,1,1),opacity .1s cubic-bezier(.4,0,1,1)
  93. }
  94.  
  95.  
  96.  
  97. .ytp-fullscreen.html5-video-player .ytp-ad-persistent-progress-bar-container,.ytp-ad-player-overlay-progress-bar .ytp-ad-persistent-progress-bar-container {
  98.     opacity: 1;
  99.     bottom: 0;
  100.     -webkit-transition: bottom .25s cubic-bezier(0,0,.2,1),opacity .25s cubic-bezier(0,0,.2,1);
  101.     -o-transition: bottom .25s cubic-bezier(0,0,.2,1),opacity .25s cubic-bezier(0,0,.2,1);
  102.     transition: bottom .25s cubic-bezier(0,0,.2,1),opacity .25s cubic-bezier(0,0,.2,1)
  103. }
  104.   
  105.  
  106. .ytp-fullscreen.html5-video-player .iv-promo-website-card-cta-redesign.iv-promo-collapsed .iv-promo-img {
  107.     opacity: .8;
  108.     -webkit-transition: transform .2s cubic-bezier(0,0,.2,1),-webkit-transform .2s cubic-bezier(0,0,.2,1),opacity .2s cubic-bezier(.4,0,1,1) .8s;
  109.     transition: transform .2s cubic-bezier(0,0,.2,1),-webkit-transform .2s cubic-bezier(0,0,.2,1),opacity .2s cubic-bezier(.4,0,1,1) .8s
  110. }
  111.  
  112.  
  113. .ytp-fullscreen.html5-video-player.ytp-embed-overlays-autohide .iv-drawer {
  114.     opacity: 0;
  115.     -webkit-transition: opacity .1s cubic-bezier(.4,0,1,1);
  116.     -o-transition: opacity .1s cubic-bezier(.4,0,1,1);
  117.     transition: opacity .1s cubic-bezier(.4,0,1,1)
  118. }
  119.  
  120. .ytp-fullscreen.html5-video-player:not(.ytp-fullscreen.html5-video-player-active).ytp-embed-overlays-autohide .iv-drawer {
  121.     display: none
  122. }
  123.  
  124.  
  125. .ytp-fullscreen.html5-video-player .iv-drawer-content::-webkit-scrollbar-thumb {
  126.     background-color: transparent
  127. }
  128.  
  129. .ytp-fullscreen.html5-video-player:not(.ytp-cards-teaser-shown) .ytp-cards-teaser,.ytp-iv-drawer-open .ytp-cards-teaser {
  130.     opacity: 0;
  131.     -webkit-transition: opacity .1s cubic-bezier(.4,0,1,1) .33s;
  132.     -o-transition: opacity .1s cubic-bezier(.4,0,1,1) .33s;
  133.     transition: opacity .1s cubic-bezier(.4,0,1,1) .33s
  134. }
  135.  
  136. .ytp-fullscreen.html5-video-player.ytp-embed-overlays-autohide.ytp-contextmenu {
  137.     opacity: 0;
  138.     -webkit-transition: opacity .1s cubic-bezier(.4,0,1,1);
  139.     -o-transition: opacity .1s cubic-bezier(.4,0,1,1);
  140.     transition: opacity .1s cubic-bezier(.4,0,1,1)
  141. }
  142.  
  143. .ytp-fullscreen.html5-video-player:not(.ytp-fullscreen.html5-video-player-active).ytp-embed-overlays-autohide.ytp-contextmenu {
  144.     display: none
  145. }
  146.  
  147. .ytp-fullscreen.html5-video-player:not(.ytp-mweb-player) .ytp-watermark:not(.ytp-muted-autoplay-watermark) {
  148.     opacity: 0;
  149.     -webkit-transition: bottom .1s cubic-bezier(.4,0,1,1),opacity .1s cubic-bezier(.4,0,1,1);
  150.     -o-transition: bottom .1s cubic-bezier(.4,0,1,1),opacity .1s cubic-bezier(.4,0,1,1);
  151.     transition: bottom .1s cubic-bezier(.4,0,1,1),opacity .1s cubic-bezier(.4,0,1,1)
  152. }
  153.  
  154.  
  155. .ytp-big-mode.ytp-fullscreen.html5-video-player .ytp-info-panel-preview,.ytp-big-mode.ytp-hide-info-bar .ytp-info-panel-preview,.ytp-embed.ytp-fullscreen.html5-video-player .ytp-info-panel-preview,.ytp-embed.ytp-hide-info-bar .ytp-info-panel-preview {
  156.     top: 12px
  157. }
  158.  
  159.  
  160. .ytp-inline-preview-mode.ytp-fullscreen.html5-video-player .ytp-time-display {
  161.     display: none
  162. }
  163.  
  164. .ytp-inline-preview-mode.ytp-fullscreen.html5-video-player .ytp-inline-preview-scrim {
  165.     opacity: 0
  166. }
  167.  
  168. #inline-preview-player.ytp-fullscreen.html5-video-player .caption-window.ytp-caption-window-bottom {
  169.     margin-bottom: 12px
  170. }
  171.  
  172. .ytp-fullscreen.html5-video-player .ytp-offline-slate-bar,.ytp-hide-controls .ytp-offline-slate-bar {
  173.     bottom: 12px;
  174.     -webkit-transition: bottom .1s cubic-bezier(.4,0,1,1);
  175.     -o-transition: bottom .1s cubic-bezier(.4,0,1,1);
  176.     transition: bottom .1s cubic-bezier(.4,0,1,1)
  177. }
  178.  
  179. .ytp-fullscreen.html5-video-player .ytp-big-mode .ytp-offline-slate-bar,.ytp-hide-controls .ytp-big-mode .ytp-offline-slate-bar {
  180.     bottom: 18px
  181. }
  182.  
  183.  
  184.  
  185. .ytp-fullscreen.html5-video-player.ytp-embed-overlays-autohide .ytp-overflow-panel {
  186.     opacity: 0;
  187.     -webkit-transition: opacity .1s cubic-bezier(.4,0,1,1);
  188.     -o-transition: opacity .1s cubic-bezier(.4,0,1,1);
  189.     transition: opacity .1s cubic-bezier(.4,0,1,1)
  190. }
  191.  
  192. .ytp-fullscreen.html5-video-player:not(.ytp-fullscreen.html5-video-player-active).ytp-embed-overlays-autohide .ytp-overflow-panel {
  193.     display: none
  194. }
  195.  
  196. .ytp-exp-ppp-update.ytp-big-mode.ytp-fullscreen.html5-video-player .ytp-paid-content-overlay,.ytp-exp-ppp-update.ytp-big-mode.ytp-hide-info-bar .ytp-paid-content-overlay,.ytp-exp-ppp-update.ytp-embed.ytp-fullscreen.html5-video-player .ytp-paid-content-overlay,.ytp-exp-ppp-update.ytp-embed.ytp-hide-info-bar .ytp-paid-content-overlay {
  197.     top: 16px
  198. }
  199.  
  200. .ytp-fullscreen.html5-video-player .ytp-paid-content-overlay,.ytp-iv-drawer-open .ytp-paid-content-overlay {
  201.     bottom: 6px;
  202.     -webkit-transition: bottom .1s cubic-bezier(.4,0,1,1);
  203.     -o-transition: bottom .1s cubic-bezier(.4,0,1,1);
  204.     transition: bottom .1s cubic-bezier(.4,0,1,1)
  205. }
  206.  
  207. .ytp-big-mode.ytp-fullscreen.html5-video-player .ytp-paid-content-overlay,.ytp-big-mode.ytp-iv-drawer-open .ytp-paid-content-overlay {
  208.     bottom: 12px
  209. }
  210.   
  211. .ytp-fullscreen.html5-video-player:not(.ytp-fullscreen.html5-video-player-active) .ytp-chrome-top .ytp-shorts-title-channel {
  212.     margin-top: 7px
  213. }
  214.  
  215.  
  216. .ytp-fullscreen.html5-video-player .ytp-webgl-spherical-control,.ytp-hide-info-bar .ytp-webgl-spherical-control {
  217.     top: 12px;
  218.     -webkit-transition: top .1s cubic-bezier(.4,0,1,1),opacity .1s cubic-bezier(.4,0,1,1);
  219.     -o-transition: top .1s cubic-bezier(.4,0,1,1),opacity .1s cubic-bezier(.4,0,1,1);
  220.     transition: top .1s cubic-bezier(.4,0,1,1),opacity .1s cubic-bezier(.4,0,1,1)
  221. }
  222.  
  223.  
  224. .ytp-fullscreen.html5-video-player .caption-window.ytp-caption-window-top,.ytp-hide-info-bar .caption-window.ytp-caption-window-top {
  225.     margin-top: 0;
  226.     -webkit-transition: margin-bottom .1s cubic-bezier(.4,0,1,1),margin-top .1s cubic-bezier(.4,0,1,1);
  227.     -o-transition: margin-bottom .1s cubic-bezier(.4,0,1,1),margin-top .1s cubic-bezier(.4,0,1,1);
  228.     transition: margin-bottom .1s cubic-bezier(.4,0,1,1),margin-top .1s cubic-bezier(.4,0,1,1)
  229. }
  230.  
  231. .ytp-fullscreen.html5-video-player .caption-window.ytp-caption-window-bottom,.ytp-hide-controls .caption-window.ytp-caption-window-bottom,.ytp-muted-autoplay .caption-window.ytp-caption-window-bottom {
  232.     margin-bottom: 0;
  233.     -webkit-transition: margin-bottom .1s cubic-bezier(.4,0,1,1),margin-top .1s cubic-bezier(.4,0,1,1);
  234.     -o-transition: margin-bottom .1s cubic-bezier(.4,0,1,1),margin-top .1s cubic-bezier(.4,0,1,1);
  235.     transition: margin-bottom .1s cubic-bezier(.4,0,1,1),margin-top .1s cubic-bezier(.4,0,1,1)
  236. }
  237.  
  238.  
  239. .ytp-fullscreen.html5-video-player .ytp-unmute,.ytp-hide-info-bar .ytp-unmute {
  240.     top: 0
  241. }
  242.     
  243.     
  244.  
  245.     
  246. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址