☰

YT簡化自訂控制項

YT簡化-控制項+按鈕+進度條自定義修改youtube Simplify - control items + buttons + progress bar customize

安装为用户样式?
作者推荐脚本

您可能也喜欢Tabview Youtube。

安装此脚本 
  1. /* ==UserStyle==
  2. @name  YT簡化自訂控制項
  3. @description  YT簡化-控制項+按鈕+進度條自定義修改youtube Simplify - control items + buttons + progress bar customize
  4. @namespace   https://gf.qytechs.cn/zh-TW/users/4839
  5. @author       leadra
  6. @preprocessor stylus
  7. @version     2.0.2
  8. @license      MIT
  9. @var checkbox   ctrl_thin                               "控制項簡化"                 1
  10. @var checkbox   hide_btn                               "隱藏自動播放"                  1
  11. @var checkbox   hide_btn1                               "隱藏子母+迷你播放器"      1
  12. @var checkbox   hide_btn2                               "隱藏劇院+全螢幕"            1
  13. @var checkbox   hide_btn3                          "隱藏按鈕下載+超級感謝"           1
  14. @var checkbox   hide_section                   "隱藏頻道音樂遊戲資訊"                 0
  15. @var checkbox   hide_right                          "隱藏右+下欄位"                    0
  16. @var checkbox   info_hide                              "隱藏影片右下資訊卡"           1
  17. @var checkbox   hide_endcard                         "隱藏結束卡-移入才顯示"        1
  18. @var checkbox   hide_ctrl                              "隱藏控制列-移入才顯示"           1
  19. @var checkbox   hide_ico                                "隱藏標題右按鈕文字"         1
  20. @var checkbox   btn_text                                "縮短會員+訂閱按鈕文字"              1
  21. @var color		sub_background     				"未訂閱背景色"          					rgba(255, 0, 0, .5)
  22. @var checkbox   title_h                                   "縮短標題列間距"                1
  23. @var number     title_top                               ">標題上間距"                         [0, -50, 50, 5, "px"]
  24. @var number     title_line                               ">標題行距"                         [1, 0, 2, 0.1, "em"]
  25. @var number     title_wi                               ">標題破行%"                         [110, 0, 150, 5, "%"]
  26. @var checkbox   hide_ad                               "影片推薦-廣告隱藏"                1
  27. @var checkbox   ad_resume                         "影片推薦-看過影片變暗"                0
  28. @var checkbox   noround_livechat            "圓角去除-聊天室+影片"                       0
  29. @var checkbox   noround_btn                     "圓角去除-按鈕"                       0
  30. @var checkbox   progress_bar                     "進度條自定義"                           1
  31. @var number     progress_bar_size           "進度條圖片大小"                         [40, 0, 200, 10, "px"]
  32. @var text       progress_url                      "進度條URL"             ""https://raw.githubusercontent.com/leadra/pic/main/kurara.gif""
  33. @var checkbox   scroll_hide                         "卷軸隱藏"                          1
  34. @var checkbox   chat_teaser                 "聊天室預告面板隱藏"                       1
  35. @var checkbox   tab_h                      "*腳本Tabview>按鈕縮小"      1
  36. @var checkbox   tab_t                      ">按鈕上移"      1
  37. @var checkbox   scroll_thin                         ">Tab卷軸thin"                       1
  38. @var checkbox   times_watched                 ">觀看次數位置上移"                       0
  39. @var checkbox   comment_width                 ">評論邊界縮小"                                  1
  40. @var number     comment_size                   ">評論資訊文字大小"                         [17, 10, 30, 1, "px"]
  41. @var checkbox   chat_ma                 ">totara聊天室框架邊界"                                  1
  42. @var checkbox   fix_for_ytlc                 "*擴充YouTubeLiveClock"           1
  43. @var number     ytliveclock                 ">控制列下移間距修正"           [40, 0, 50, 5, "px"]
  44. @var checkbox     below_controls                 "*腳本Youtube Player Controls below Video修正"           0
  45. ==/UserStyle== */
  46.  
  47. /*
  48. 搭配腳本用:
  49. ----------Tabview(腳本)---------按鈕極小化
  50. https://gf.qytechs.cn/zh-TW/scripts/428651
  51. >>>觀看次數位置上移(搭配Tabview服用，以免標題列變窄)
  52. >>>卷軸Y隱藏
  53.  
  54. YT Speed Buttons(L改)
  55. https://gf.qytechs.cn/zh-TW/scripts/484535
  56. >>>按鈕位置修改+大小
  57. */
  58.  
  59. /*引用感謝[CSS]
  60. YT隱藏控制項(滑鼠移入才會顯示https://gf.qytechs.cn/zh-TW/scripts/446045
  61. YT隱藏進度條(滑鼠移入才會顯示https://gf.qytechs.cn/zh-TW/scripts/437994
  62. YT播放器簡化https://gf.qytechs.cn/zh-TW/scripts/445999
  63. YT網頁版面調整https://github.com/sapondanaisriwan/AdashimaaTube
  64. YT進度條突出顯示https://gf.qytechs.cn/zh-TW/scripts/402635
  65. YT主題:皮卡丘介面https://userstyles.org/styles/194352/poketube
  66. YT電影廣告消除https://gf.qytechs.cn/zh-TW/scripts/468212
  67. YT所有頁面:看過影片變暗https://gf.qytechs.cn/zh-TW/scripts/419722
  68. YT隱藏「下載、剪輯和感謝（包括推廣）」按鈕https://gf.qytechs.cn/zh-TW/scripts/447614
  69. YT隱藏結束卡https://gf.qytechs.cn/zh-TW/scripts/408725
  70. YT會員訂閱按鈕https://github.com/sapondanaisriwan/AdashimaaTube/blob/master/userstyles/features/red-subscribe-button.user.css
  71. */
  72. @-moz-document url-prefix("https://www.youtube.com/watch"), url-prefix("https://www.youtube.com/shorts/"), url-prefix("https://www.youtube.com/live/") {
  73. /*顯示隱藏即時通訊鈕-高度調整//@var checkbox   hide_chat_head               "即時通訊鈕緊縮"                                                0
  74. if hide_chat_head{
  75. #show-hide-button > .ytd-live-chat-frame.style-scope{padding:0px!important;margin: -0px 0px -0px 0px!important;}
  76.      //文字部分.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text{padding:0px!important;margin: -0px 0px -0px 0px!important;line-height:1em;height:1em;opacity:0.5;}
  77.     //tabview聊天室新開視窗按鈕位置修正ytd-watch-flexy[flexy][is-two-columns_] #chat.tyt-chat-frame-ready:not([collapse]) tyt-iframe-popup-btn.tyt-btn-enabled {padding: 0px !important;margin: 0px 30px -0px 0px!important;width:2em;height:2em;bottom:auto;}}*/
  78.  
  79. //訂閱提醒框隱藏反黑
  80. yt-notification-action-renderer[darker-dark-theme] tp-yt-paper-toast.yt-notification-action-renderer{background-color: rgb(39, 39, 39);display:none !important;}
  81.  
  82. //去除圓角-聊天室+影片
  83. if noround_livechat {
  84.     ytd-live-chat-frame#chat.ytd-watch-flexy{
  85.         border-radius: 0px;
  86.         }
  87.     ytd-watch-flexy[rounded-player-large]:not([fullscreen]):not([theater]) #ytd-player.ytd-watch-flexy {
  88.         border-radius: 0px !important;
  89. }}
  90. //去除圓角-按鈕
  91. if noround_btn {
  92.     html .yt-spec-button-shape-next--size-m,
  93.     html .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start,
  94.     html .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end{
  95.         border-radius:0;
  96.         }}
  97.      
  98. //控制項簡化:保留音量提示
  99. if ctrl_thin{
  100. .ytp-bezel,//中間LOGO
  101. .ytp-doubletap-ui-legacy,//左右側前進、後退
  102. .ytp-doubletap-ui,//去除縮略圖上的播放提示
  103. .ytp-gradient-top,//上邊漸進黑
  104. //.ytp-gradient-bottom,//下邊漸進黑
  105. .ytp-chrome-top,//全螢幕上方標題
  106. .ytp-pause-overlay,//暫停
  107. //.annotation//註解
  108. //.ytp-pip-button.ytp-button,//子母畫面(舊版)
  109. //.ytp-size-button.ytp-button,//劇院模式
  110. //.ytp-miniplayer-button.ytp-button,//迷你
  111. //.ytp-autonav-toggle-button,//自動播放(背景元素無法去除)
  112. //.c4-player-container.c4-flexible-player-container,
  113. ytd-thumbnail-overlay-loading-preview-renderer{
  114. display:none !important;
  115. }
  116.  
  117. }
  118. /*隱藏控制列-移入顯示+控制列黑底*/
  119. if hide_ctrl{
  120. .ytp-gradient-bottom,.ytp-chrome-bottom {opacity:0;}
  121. .ytp-chrome-bottom:hover  {opacity:1;background:rgba(0, 0, 0, .4);}
  122.         }
  123.  
  124. /*隱藏按鈕>自動播放；子母畫面(新版)+迷你；劇院+全螢幕*/
  125. if hide_btn{[data-tooltip-target-id="ytp-autonav-toggle-button"],{display:none !important;}}
  126. if hide_btn1{#movie_player div.ytp-chrome-controls button.ytp-pip-button.ytp-button,.ytp-miniplayer-button{display:none !important;}}
  127. if hide_btn2{.ytp-size-button,.ytp-fullscreen-button{display:none !important;}}//.ytp-multicam-button,.ytp-remote-button,.ytp-settings-button
  128.  
  129. /*隱藏按鈕>下載+超級感謝*/
  130. if hide_btn3{ytd-download-button-renderer ,#flexible-item-buttons [aria-label="Thanks"],#flexible-item-buttons [aria-label="超級感謝"] {display: none !important;}}
  131. //yt-button-view-model:has([aria-label="超級感謝"]) {display: none !important;}
  132.  
  133. /*建議影片-電影購買+廣告隱藏*/
  134. if hide_ad{
  135.     //建議影片-電影購買[https://gf.qytechs.cn/zh-TW/scripts/468212]
  136.     ytd-watch-next-secondary-results-renderer.ytd-watch-flexy ytd-compact-movie-renderer.style-scope.ytd-item-section-renderer ,#offer-module.ytd-watch-next-secondary-results-renderer{display: none;}
  137.     //建議影片-廣告
  138.     td-promoted-sparkles-web-renderer,ytd-ad-slot-renderer{display: none;}
  139.                     }
  140. /*建議影片-看過影片變暗[原作者腳本全站通用https://gf.qytechs.cn/zh-TW/scripts/419722]*/
  141. if ad_resume{
  142. //#progress.ytd-thumbnail-overlay-resume-playback-renderer {bottom: 0px; position: absolute;z-index:1;background: rgba(0, 0, 0, .5);min-height: 95px;}
  143. ytd-thumbnail-overlay-resume-playback-renderer::after {
  144.     background: rgba(0, 0, 0, .5);
  145.     content: "看過";    //text-align:center;
  146.     font-size:20px;
  147.     display: block;
  148.     bottom: 0;
  149.     height: 95px;
  150.     width: 100%;
  151.     position: absolute;
  152.     z-index: 10;
  153.     }}
  154. 	
  155. //隱藏資訊卡
  156. if info_hide {#columns #player .ytp-iv-player-content, ytd-watch-flexy .ytp-iv-player-content{display: none;}}
  157.  
  158. //縮短標題列間距
  159. if title_h{
  160.     //Enhancer for YouTube™修正
  161. 	html[tyt-deferred][sxmq8="1"] ytd-watch-flexy:not([hidden]) ytd-watch-metadata.style-scope.ytd-watch-flexy{margin: 0px 0px -0px 0px!important;padding:0 !important;}
  162. 		//Tabview
  163.     body ytd-watch-flexy[cinematics-enabled] #below.ytd-watch-flexy{margin: 0px 0px 0px 0px!important;}
  164. 		//無Tabview
  165. 	ytd-watch-metadata.ytd-watch-flexy,[rounded-info-panel] #clarify-box.ytd-watch-flexy{margin: 0px 0px 0px 0px!important;}
  166.     //標題上間距
  167.     #below h1.ytd-watch-metadata ,yt-formatted-string[data-title-details]{line-height:title_line;margin: title_top 0px -0px 0px!important;width:title_wi}
  168.     //頻道名稱上下方空白
  169.     .style-scope.ytd-watch-metadata{padding:0px 0px!important;margin: -0px 0px -0px 0px!important;}
  170.     #top-row.ytd-watch-metadata{margin: -0px 0px -0px 0px!important;}
  171.     //會員專屬標題
  172.     .badge-style-type-members-only.ytd-badge-supported-renderer {margin:-0px 0px -60px 140px; position:relative; z-index: 1; background: rgba(0, 0, 0, .5);}
  173.     //頻道名稱
  174.     .style-scope.ytd-video-owner-renderer{
  175.     padding:0px 0px;
  176.     margin: 0px 0px 0px -0px!important;
  177.     //max-width: 350px!important;
  178.     line-height:1em!important;
  179.         }
  180.     //.ytd-channel-name{padding:0px 0px 0px 0px;margin: 0px 0px 0px -0px;}
  181.     //#upload-info.ytd-video-owner-renderer{padding:0;margin: -0px 0px -0px -0px!important;}
  182.     //頻道訂閱數
  183.     #owner-sub-count.ytd-video-owner-renderer{
  184.         font-size: 16px;
  185.         line-height:1em!important;
  186.     }
  187.     //觀看次數文字
  188.     #info-container.ytd-watch-info-text{
  189.     margin: 0px 0px 0px 10px!important;
  190.     padding:0px!important;
  191.     font-size:18px!important;
  192.     }
  193.     //標題列右側按鈕
  194. //#actions-inner.ytd-watch-metadata{max-width: 100%;}
  195. 	//按鈕靠右對齊
  196.      /*ytd-watch-metadata #actions.item.style-scope.ytd-watch-metadata{
  197.             justify-content: end !important;
  198.             display:flex;
  199.         }*/
  200.     .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading-trailing .yt-spec-button-shape-next__secondary-icon{margin:0px;}
  201.     .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {padding:0px 5px;}
  202.     //.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading-trailing .yt-spec-button-shape-next__icon{margin: 0px;}
  203. 	//.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading .yt-spec-button-shape-next__icon {margin: 0px;}
  204.     .yt-spec-button-shape-next__icon{margin: 0px!important;}
  205.                 }
  206.  
  207. //縮短會員+訂閱按鈕文字
  208. if btn_text{
  209.     //標題列加入會員按鈕#owner
  210.     ytd-button-renderer .yt-spec-button-shape-next__button-text-content{
  211.     //max-width:3em;
  212.     font-weight:bold;
  213.     font-size: 1.6em;
  214.     margin: -0px -0px -0px -0px!important;
  215.     padding: 0px!important;
  216.     }
  217. 	/*會員訂閱按鈕*/
  218.     #notification-preference-button > ytd-subscription-notification-toggle-button-renderer-next > yt-button-shape > button {
  219.         //小鈴鐺已訂閱&.yt-spec-button-shape-next.yt-spec-button-shape-next--tonal {background-color:sub_background !important;}
  220.         /*下拉箭頭*/
  221.         > div {&.yt-spec-button-shape-next__secondary-icon {display: none !important;}}
  222.     }
  223. 	//已加會員按鈕
  224.     yt-button-shape:not(:hover) {
  225.         .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
  226. 			color: var(--yt-spec-static-brand-white) !important;
  227.     		background-color: rgba(255, 255, 255, .3) !important;//var(--yt-spec-badge-chip-background)
  228. 			border-style:double;
  229.     		padding: 0px 10px !important;
  230.         }
  231.     }
  232. 	//未訂閱(含Shorts)
  233.     yt-button-shape.ytd-subscribe-button-renderer:not([hidden]) {
  234.         .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled ,
  235.         .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled {
  236. 			color: var(--yt-spec-static-brand-white) !important;
  237.     		background-color: sub_background !important;//var(--yt-spec-badge-chip-background)
  238.     		padding: 0px 10px !important;
  239.         }
  240.     }
  241.     //標題列訂閱按鈕
  242.     #subscribe-button-shape .yt-spec-button-shape-next__button-text-content{
  243.         max-width:1em;
  244.     font-weight:bold;
  245.     font-size: 1.5em;
  246.     margin: -0px -0px -0px -0px!important;
  247.     padding: 0px!important;
  248.         }
  249.     ytd-subscribe-button-renderer .yt-spec-button-shape-next__button-text-content{max-width:0em;}
  250.     ytd-video-owner-renderer .yt-spec-button-shape-next__button-text-content{max-width:1em;}
  251. 	//span.yt-core-attributed-string.yt-core-attributed-string--white-space-no-wrap {display: none;}
  252. }
  253.  
  254. //隱藏標題列右側按鈕文字
  255.    if hide_ico {
  256. 	yt-button-view-model .yt-spec-button-shape-next__button-text-content,
  257. 	ytd-download-button-renderer .yt-spec-button-shape-next__button-text-content ,
  258.     yt-touch-feedback-shape .yt-spec-button-shape-next__button-text-content,
  259. {display: none !important;}
  260. }
  261.  
  262. //隱藏頻道音樂遊戲資訊🎵🎮
  263.     if hide_section{ytd-video-description-infocards-section-renderer , ytd-horizontal-card-list-renderer.style-scope.ytd-structured-description-content-renderer , #contents.ytd-rich-metadata-row-renderer  {display: none ;}}
  264.     
  265. //隱藏右+下欄位
  266.     if hide_right{ytd-watch-flexy[cinematics-enabled] #secondary.ytd-watch-flexy {display: none ;}//{position: fixed ;    z-index: 1;left:0;opacity:0.7}
  267. ytd-watch-metadata.watch-active-metadata.style-scope.ytd-watch-flexy{display: none ;}
  268. }
  269.  
  270. //隱藏結束連結卡
  271. if hide_endcard {
  272.    div[class*="video-player"]:not(:hover) div[class^="ytp-ce"],
  273.    div[class*="ytp-autohide"] div[class^="ytp-ce"] {
  274.       display: none !important;
  275.    }}
  276.  
  277. /*炒飯進度條*/
  278. if progress_bar{
  279.     .ytp-scrubber-button,.ytp-play-progress {
  280.         background: #ffe100a6;
  281.         transform: rotate(0deg);
  282.         filter: drop-shadow(0 0 1px gold) drop-shadow(0 0 2px gold) drop-shadow(0 0 3px gold);
  283.     }
  284.     /*控制項高亮*/
  285.     .ytp-volume-panel:hover,
  286.     .ytp-chrome-controls a:hover svg,
  287.     .ytp-chrome-controls button:hover svg {
  288.         filter: drop-shadow(0 0 1px black) drop-shadow(0 0 2px gold)  drop-shadow(0 0 5px gold) !important;
  289.     }
  290.     //進度條調整
  291. .ytp-scrubber-pull-indicator {
  292.     background-color: #fff0;
  293.     height: progress_bar_size;
  294.     width: progress_bar_size;
  295.     background-image: url(progress_url);
  296.     background-repeat: no-repeat;
  297.     background-position: center;
  298.     background-size: progress_bar_size;
  299.     bottom: 0px;
  300.     left: progress_bar_size *-(6.5/10) ;
  301.     transform: rotate(0deg);
  302. 	transform: scale(1.1);
  303. 	border-radius: 0px
  304.     }}
  305.  
  306. /* 
  307. @var checkbox   chat_height                          "聊天室延伸(tabview衝突)"                 0
  308. @var number     chat_width                          "聊天室欄寬"                         [400, 300, 800, 10, "px"]
  309. // 聊天室延伸(tabview腳本衝突)   チャット欄を画面一番下まで伸ばす
  310. if chat_height { ytd-live-chat-frame#chat {height: calc(100vh *0.92) !important; //height: calc(100vh - 100px)}
  311.     // chat欄位無邊界+影片上方空白消除+chat聊天室欄寬
  312.     #columns {margin: -0px 0px  0px  0px  !important;   max-width: 100% !important;
  313.         & > #primary,& > #secondary{padding-top: 0!important;}
  314.         & > #secondary {width: chat_width;}}}
  315. */
  316. //卷軸隱藏
  317. if scroll_hide{
  318. html {
  319.     scrollbar-color: none !important;
  320.     scrollbar-width: none !important;
  321. 	}
  322.     ::-webkit-scrollbar {
  323.         display:none!important;
  324. 	}
  325. }
  326. 	
  327. //Tabview(腳本)按鈕極小化
  328. if tab_h {
  329.     ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]{
  330.     padding:0;
  331.     font-size:18px;
  332.     line-height:1em;
  333.     }
  334. }
  335. //Tabview(腳本)按鈕上移	(Tabview Youtube Design Customization功能合併)https://gf.qytechs.cn/zh-TW/scripts/467638
  336. if tab_t {
  337.         ytd-watch-flexy[tyt-chat^="+"] #secondary-inner.style-scope.ytd-watch-flexy {
  338.             display:flex;
  339.             flex-direction: column;
  340.         }
  341.         ytd-watch-flexy[tyt-chat^="+"] #chat-container, ytd-watch-flexy[tyt-chat^="+"] ytd-live-chat-frame#chat {
  342.             order: 99;
  343.         }
  344.         ytd-watch-flexy[is-two-columns_][tyt-chat][tyt-chat^="+"] #secondary-inner.style-scope.ytd-watch-flexy #right-tabs {
  345.             --tyt-right-tabs-margin-top: 0;
  346.             --tyt-right-tabs-margin-bottom: var(--tyt-right-tabs-margin-size);
  347.         }
  348. }
  349.  
  350. //Tab卷軸none #tab-comments #tab-videos #tab-info
  351.  ytd-watch-flexy #right-tabs  .tab-content-cld{
  352. 	scrollbar-width: none !important;
  353. }
  354. //Tab卷軸thin
  355. if scroll_thin{
  356. ytd-watch-flexy #right-tabs  .tab-content-cld{
  357. 	scrollbar-width: thin !important;
  358. 	}
  359. }
  360. //觀看次數上移
  361. if times_watched {
  362.     //觀看次數區ytd-watch-flexy[rounded-player-large]:not([fullscreen]):not([theater]) #ytd-player.ytd-watch-flexy
  363.     ytd-watch-flexy[rounded-player-large]:not([fullscreen]):not([theater]) #bottom-row.ytd-watch-metadata{
  364.     font-size:13em!important;
  365.     margin: -0px 0px 0px 0px!important;
  366.     max-width: 35%!important;
  367. 	max-height: 30px!important;
  368.     position: absolute;//absolute//relative
  369.     z-index:111;
  370.     left:28%;
  371.     bottom:10px;
  372.         }
  373. 		//隱藏文字無影片說明
  374. 		#description-placeholder.ytd-watch-metadata{display:none !important;}
  375. }
  376. //聊天室預告面板隱藏
  377. if chat_teaser{
  378. #comment-teaser.ytd-watch-metadata, #teaser-carousel.ytd-watch-metadata{display:none !important;}
  379. }
  380.  
  381. //評論邊界+文字大小
  382. if comment_width {
  383.     #content-text.ytd-comment-view-model{
  384.     font-size:comment_size;
  385.     }
  386.     ytd-watch-flexy .tab-content-cld#tab-comments{
  387.         padding:0px 0px !important;
  388.         margin:0px 0px 0px 0px !important;
  389. 		overflow-x:hidden;
  390.         //position:relative;
  391.     }
  392.     #body.ytd-comment-view-model{
  393.         margin:0px 0px 0px 0px !important;
  394.     ytd-expander>*{
  395.         padding:0px !important;
  396.         margin:0px 10px 0px 0px !important;
  397.         width: 105%!important;
  398.         }
  399.     }
  400.     .ytd-comment-view-model{
  401.         padding:0px !important;
  402.         margin:0px 0px 0px 0px !important;
  403.     }
  404.     .ytd-comment-view-model #author-thumbnail{
  405.         padding:0px !important;
  406.         margin:0px 5px 0px 0px !important;
  407.     }
  408. 	//間距+回復間距
  409. 	#comments *:not(#button):not(paper-button):not(ytd-button-renderer):not(#header):not(button):not(#tooltip):not(paper-item),#meta *:not(#upload-info):not(paper-button){
  410.     //font-size: comment_size!important;
  411.     padding:0px !important;
  412.     margin-top: 0px !important;
  413.     margin-bottom: 0px !important;
  414. 	}
  415. 	#comments .ytd-comments > #header { margin-bottom: 15px!important; }
  416. 	ytd-comment-replies-renderer{
  417.     //font-size: comment_size!important;
  418. 	margin-left: 0px!important;
  419. 	background-color: rgba(100, 100, 100, .2);
  420. 	}
  421. }
  422. //資訊文字大小
  423. #tab-info [class]:last-child,
  424. //#description.ytd-expandable-video-description-body-renderer
  425. //#description.ytd-video-secondary-info-renderer
  426. #description{
  427.         font-size:comment_size;
  428. }
  429. //totara聊天室框架邊界
  430. if chat_ma {
  431. 	#playlist.ytd-watch-flexy{
  432. 		margin-bottom: 1px;
  433. 	}
  434. 	ytd-watch-flexy.style-scope:not([fullscreen]) {
  435. 		--ytd-margin-6y: none !important;
  436. 	}
  437. }
  438.  
  439. //擴充YouTubeLiveClock控制列間距修正https://chromewebstore.google.com/detail/youtubeliveclock/chpodcedholiggcllnmmjlnghllddgmj
  440.     /*html:has(style#ytlc-style-for-native-control) ytd-watch-flexy[flexy][is-two-columns_][theater] #columns.ytd-watch-flexy,
  441.     html:has(style#ytlc-style-for-native-control) #columns.ytd-watch-flexy #player::after {
  442.     margin:  ytliveclock 0px 0px 0px!important;
  443.     padding:0px!important;}*/
  444. 	if fix_for_ytlc {
  445.             @supports (color: var(--compatibile-with-chrome-plugin-youtube-live-clock-20240123)) {
  446.  
  447.                 /* 2024/01/23 - specific fix for YouTubeLiveClock - chrome only */
  448.                 html:has(style#ytlc-style-for-native-control) #columns.ytd-watch-flexy #player::after {
  449.                     content: "";
  450.                     //border-style: dotted;
  451.                     display: flex;
  452. 					margin:  ytliveclock 0px 0px 0px!important;
  453.                 }
  454.                 html:has(style#ytlc-style-for-native-control) #columns.ytd-watch-flexy #below {
  455.                     transform: initial;
  456.                 }
  457.             }
  458. 	}
  459. 	
  460. //Youtube Player Controls below Video間距修正+強制顯示https://gf.qytechs.cn/scripts/469704
  461. if below_controls{
  462.  .yt8447-enabled:not([fullscreen]) #below.ytd-watch-flexy, .yt8447-enabled[theater]:not([fullscreen]) #secondary.ytd-watch-flexy {
  463.       margin-top: 40px!important;
  464.   }
  465.   .playing-mode>  .ytp-chrome-bottom:not(:hover)  {opacity:1!important;visibility:visible!important;}
  466.   }
  467.  
  468. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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