Added an option to revert to the old video progress bar and controls on desktop (requires a refresh after enabling)

- This will only work temporarily, while YouTube still has the old implementation available
Added an option to hide "More videos" in full screen
Added an option to hide the channel watermark on desktop
Made hiding the new full screen video controls also work on mobile
Hide YouTube's own new "Hide" button when hiding endscreen videos

Author: insin

_locales/en/messages.json

@@ -96,6 +96,9 @@
   "hideChannelBanner": {
     "message": "Hide channel banner images"
   },
+  "hideChannelWatermark": {
+    "message": "Hide channel watermark"
+  },
   "hideChannels": {
     "message": "Hide channels"
   },
@@ -255,12 +258,21 @@
   "playerHideFullScreenControls": {
     "message": "Hide new full screen controls"
   },
+  "playerHideFullScreenMoreVideos": {
+    "message": "Hide \"More videos\" in full screen"
+  },
   "playerHideFullScreenTitle": {
     "message": "Hide full screen title"
   },
   "playerRemoveControlsBg": {
     "message": "Remove background from controls"
   },
+  "playerRemoveDelhiExperimentFlags": {
+    "message": "Disable new progress bar and controls"
+  },
+  "playerRemoveDelhiExperimentFlagsNote": {
+    "message": "Note: this will stop working when YouTube removes the old player UI"
+  },
   "qualityFull": {
     "message": "Full"
   },

_locales/fr/messages.json

@@ -96,6 +96,9 @@
   "hideChannelBanner": {
     "message": "Masquer la bannière de la chaîne"
   },
+  "hideChannelWatermark": {
+    "message": "Masquer le filigrane de la chaîne"
+  },
   "hideChannels": {
     "message": "Masquer les chaînes"
   },
@@ -255,12 +258,21 @@
   "playerHideFullScreenControls": {
     "message": "Masquer les nouveaux contrôles en plein écran"
   },
+  "playerHideFullScreenMoreVideos": {
+    "message": "Masquer « Plus de vidéos » en plein écran"
+  },
   "playerHideFullScreenTitle": {
     "message": "Masquer le titre en plein écran"
   },
   "playerRemoveControlsBg": {
     "message": "Supprimer l'arrière-plan des contrôles"
   },
+  "playerRemoveDelhiExperimentFlags": {
+    "message": "Désactiver les nouveaux contrôles et barre de progression"
+  },
+  "playerRemoveDelhiExperimentFlagsNote": {
+    "message": "Remarque : cette option ne fonctionnera plus lorsque YouTube supprimera l'ancienne interface du lecteur."
+  },
   "qualityFull": {
     "message": "Maximum"
   },

_locales/ja/messages.json

@@ -95,6 +95,9 @@
   "hideChannelBanner": {
     "message": "チャンネルバナー画像を非表示にする"
   },
+  "hideChannelWatermark": {
+    "message": "チャンネルの透かしを非表示にする"
+  },
   "hideChannels": {
     "message": "チャンネルを非表示"
   },
@@ -254,12 +257,21 @@
   "playerHideFullScreenControls": {
     "message": "新しい全画面コントロールを非表示にする"
   },
+  "playerHideFullScreenMoreVideos": {
+    "message": "全画面で「その他の動画」を非表示にする"
+  },
   "playerHideFullScreenTitle": {
     "message": "全画面のタイトルを非表示にする"
   },
   "playerRemoveControlsBg": {
     "message": "コントロールから背景を削除する"
   },
+  "playerRemoveDelhiExperimentFlags": {
+    "message": "新しいプログレスバーとコントロールを無効にする"
+  },
+  "playerRemoveDelhiExperimentFlagsNote": {
+    "message": "注：YouTubeが古いプレーヤーUIを削除すると、この機能は動作しなくなります。"
+  },
   "qualityFull": {
     "message": "最高"
   },

_locales/zh_CN/messages.json

@@ -96,6 +96,9 @@
   "hideChannelBanner": {
     "message": "隐藏频道横幅图片"
   },
+  "hideChannelWatermark": {
+    "message": "隐藏频道水印"
+  },
   "hideChannels": {
     "message": "隐藏频道"
   },
@@ -255,12 +258,21 @@
   "playerHideFullScreenControls": {
     "message": "隐藏新的全屏控件"
   },
+  "playerHideFullScreenMoreVideos": {
+    "message": "隐藏全屏下的“更多视频”"
+  },
   "playerHideFullScreenTitle": {
     "message": "隐藏全屏标题"
   },
   "playerRemoveControlsBg": {
     "message": "移除控件的背景"
   },
+  "playerRemoveDelhiExperimentFlags": {
+    "message": "停用新的进度条和控件"
+  },
+  "playerRemoveDelhiExperimentFlagsNote": {
+    "message": "注意：当 YouTube 移除旧版播放器界面后，此选项将失效。"
+  },
   "qualityFull": {
     "message": "最高"
   },

options.html

@@ -47,21 +47,29 @@
         </label>
       </section>
     </section>
-    <section class="group labelled collapsible desktop">
+    <section class="group labelled collapsible">
       <label data-collapse-id="new-player">
         <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor">
           <path d="m6.24 8.999 3.614-3.613a.498.498 0 0 0 0-.707.5.5 0 0 0-.707 0L5.999 7.826 2.854 4.68a.5.5 0 0 0-.707.707L5.759 9l.481-.001z"/>
         </svg>
         <span id="newVideoPlayerUI">New video player UI</span>
       </label>
-      <section class="checkbox">
+      <section class="checkbox desktop">
+        <label>
+          <span id="playerRemoveDelhiExperimentFlags">Disable new progress bar and controls</span>
+          <input type="checkbox" name="playerRemoveDelhiExperimentFlags">
+          <span class="toggle"></span>
+        </label>
+        <p id="playerRemoveDelhiExperimentFlagsNote">Note: this will stop working when YouTube removes the old player UI</p>
+      </section>
+      <section class="checkbox desktop">
         <label>
           <span id="playerCompactPlayButton">Always use compact Play button</span>
           <input type="checkbox" name="playerCompactPlayButton">
           <span class="toggle"></span>
         </label>
       </section>
-      <section class="checkbox">
+      <section class="checkbox desktop">
         <label>
           <span id="playerRemoveControlsBg">Remove background from controls</span>
           <input type="checkbox" name="playerRemoveControlsBg">
@@ -75,13 +83,20 @@
           <span class="toggle"></span>
         </label>
       </section>
-      <section class="checkbox">
+      <section class="checkbox desktop">
         <label>
           <span id="playerHideFullScreenTitle">Hide full screen title</span>
           <input type="checkbox" name="playerHideFullScreenTitle">
           <span class="toggle"></span>
         </label>
       </section>
+      <section class="checkbox">
+        <label>
+          <span id="playerHideFullScreenMoreVideos">Hide "More videos" in full screen</span>
+          <input type="checkbox" name="playerHideFullScreenMoreVideos">
+          <span class="toggle"></span>
+        </label>
+      </section>
     </section>
     <section class="group labelled collapsible">
       <label data-collapse-id="annoyances">
@@ -383,6 +398,13 @@
           <span class="toggle"></span>
         </label>
       </section>
+      <section class="checkbox desktop">
+        <label>
+          <span id="hideChannelWatermark">Hide channel watermark</span>
+          <input type="checkbox" name="hideChannelWatermark">
+          <span class="toggle"></span>
+        </label>
+      </section>
       <section class="checkbox">
         <label>
           <span id="hideNextButton">Hide the Next button</span>

options.js

@@ -35,6 +35,7 @@ for (let translationId of [
   'fullSizeTheaterModeHideScrollbar',
   'hideAI',
   'hideChannelBanner',
+  'hideChannelWatermark',
   'hideChannels',
   'hideChannelsNote',
   'hideChat',
@@ -84,8 +85,11 @@ for (let translationId of [
   'pauseChannelTrailers',
   'playerCompactPlayButton',
   'playerHideFullScreenControls',
+  'playerHideFullScreenMoreVideos',
   'playerHideFullScreenTitle',
   'playerRemoveControlsBg',
+  'playerRemoveDelhiExperimentFlags',
+  'playerRemoveDelhiExperimentFlagsNote',
   'qualityFull',
   'qualityHigh',
   'qualityLow',
@@ -157,6 +161,8 @@ let defaultConfig = {
   hideVoiceSearch: false,
   hideWatched: true,
   hideWatchedThreshold: '80',
+  playerHideFullScreenControls: false,
+  playerHideFullScreenMoreVideos: false,
   redirectShorts: true,
   removePink: false,
   stopShortsLooping: true,
@@ -168,6 +174,7 @@ let defaultConfig = {
   fullSizeTheaterMode: false,
   fullSizeTheaterModeHideHeader: true,
   fullSizeTheaterModeHideScrollbar: false,
+  hideChannelWatermark: false,
   hideChat: false,
   hideCollaborations: false,
   hideEndCards: false,
@@ -181,9 +188,9 @@ let defaultConfig = {
   minimumShortsPerRow: 'auto',
   pauseChannelTrailers: true,
   playerCompactPlayButton: true,
-  playerHideFullScreenControls: false,
   playerHideFullScreenTitle: false,
   playerRemoveControlsBg: false,
+  playerRemoveDelhiExperimentFlags: false,
   redirectLogoToSubscriptions: false,
   searchThumbnailSize: 'medium',
   snapshotFormat: 'jpeg',

page.js

@@ -39,6 +39,8 @@ let defaultConfig = {
   hideVoiceSearch: false,
   hideWatched: true,
   hideWatchedThreshold: '80',
+  playerHideFullScreenControls: false,
+  playerHideFullScreenMoreVideos: false,
   redirectShorts: true,
   removePink: false,
   stopShortsLooping: true,
@@ -50,6 +52,7 @@ let defaultConfig = {
   fullSizeTheaterMode: false,
   fullSizeTheaterModeHideHeader: true,
   fullSizeTheaterModeHideScrollbar: false,
+  hideChannelWatermark: false,
   hideChat: false,
   hideCollaborations: false,
   hideEndCards: false,
@@ -63,9 +66,9 @@ let defaultConfig = {
   minimumShortsPerRow: 'auto',
   pauseChannelTrailers: true,
   playerCompactPlayButton: true,
-  playerHideFullScreenControls: false,
   playerHideFullScreenTitle: false,
   playerRemoveControlsBg: false,
+  playerRemoveDelhiExperimentFlags: false,
   redirectLogoToSubscriptions: false,
   searchThumbnailSize: 'medium',
   snapshotFormat: 'jpeg',
@@ -1489,6 +1492,35 @@ const configureCss = (() => {
       }
     }
 
+    if (config.playerHideFullScreenMoreVideos) {
+      if (desktop) {
+        hideCssSelectors.push('.ytp-fullscreen-grid')
+        cssRules.push(`
+          /* Prevent full screen from visually scrolling */
+          #movie_player {
+            --ytp-grid-scroll-percentage: 0 !important;
+          }
+          /* Prevent controls being hidden when full screen is scrolled */
+          .ytp-delhi-modern.ytp-fullscreen-grid-active .ytp-gradient-bottom {
+            display: none !important;
+          }
+          /* TODO Prevent bottom being hidden and fix its positioning */
+        `)
+      }
+      if (mobile) {
+        hideCssSelectors.push('.fullscreen-watch-next-entrypoint-wrapper')
+      }
+    }
+
+    if (config.playerHideFullScreenControls) {
+      if (desktop) {
+        hideCssSelectors.push('.ytp-fullscreen-quick-actions')
+      }
+      if (mobile) {
+        hideCssSelectors.push('player-fullscreen-action-menu')
+      }
+    }
+
     //#region Desktop-only
     if (desktop) {
       // Fix spaces & gaps caused by left gutter margin on first column items
@@ -1554,6 +1586,9 @@ const configureCss = (() => {
           `)
         }
       }
+      if (config.hideChannelWatermark) {
+        hideCssSelectors.push('.annotation.iv-branding')
+      }
       if (config.hideChat) {
         hideCssSelectors.push(
           // Live chat / Chat replay
@@ -1572,7 +1607,11 @@ const configureCss = (() => {
         )
       }
       if (config.hideEndCards) {
-        hideCssSelectors.push('#movie_player .ytp-ce-element')
+        hideCssSelectors.push(
+          '#movie_player .ytp-ce-element',
+          // Hide YouTube's own new Hide button
+          '#movie_player .ytp-ce-hide-button-container',
+        )
       }
       if (config.hideEndVideos) {
         hideCssSelectors.push(
@@ -1746,9 +1785,6 @@ const configureCss = (() => {
           }
         `)
       }
-      if (config.playerHideFullScreenControls) {
-        hideCssSelectors.push('.ytp-fullscreen-quick-actions')
-      }
       if (config.playerHideFullScreenTitle) {
         hideCssSelectors.push('.ytp-fullscreen-metadata')
       }
@@ -4051,6 +4087,19 @@ function main() {
     } else {
       configureCss()
       triggerVideoPageResize()
+      if (config.playerRemoveDelhiExperimentFlags) {
+        // @ts-ignore
+        waitFor(() => window.yt, 'yt').then(() => {
+          // @ts-ignore
+          let watchConfig = window.yt?.config_?.WEB_PLAYER_CONTEXT_CONFIGS?.WEB_PLAYER_CONTEXT_CONFIG_ID_KEVLAR_WATCH
+          if (typeof watchConfig?.serializedExperimentFlags == 'string') {
+            log('playerDisableDelhiExperiments: removing delhi_modern_web_player experiment flags')
+            watchConfig.serializedExperimentFlags = watchConfig.serializedExperimentFlags
+              .replace(/&delhi_modern_web_player=true/g, '')
+              .replace(/&delhi_modern_web_player_icons=true/g, '')
+          }
+        })
+      }
     }
     observeTitle()
     observePopups()

types.d.ts

@@ -82,6 +82,8 @@ export type SiteConfig = {
   hideVoiceSearch: boolean
   hideWatched: boolean
   hideWatchedThreshold: string
+  playerHideFullScreenControls: boolean
+  playerHideFullScreenMoreVideos: boolean
   redirectShorts: boolean
   removePink: boolean
   stopShortsLooping: boolean
@@ -93,6 +95,7 @@ export type SiteConfig = {
   fullSizeTheaterMode: boolean
   fullSizeTheaterModeHideHeader: boolean
   fullSizeTheaterModeHideScrollbar: boolean
+  hideChannelWatermark: boolean
   hideChat: boolean
   hideCollaborations: boolean
   hideEndCards: boolean
@@ -104,9 +107,9 @@ export type SiteConfig = {
   minimumShortsPerRow: 'auto' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12'
   pauseChannelTrailers: boolean
   playerCompactPlayButton: boolean
-  playerHideFullScreenControls: boolean
   playerHideFullScreenTitle: boolean
   playerRemoveControlsBg: boolean
+  playerRemoveDelhiExperimentFlags: boolean
   redirectLogoToSubscriptions: boolean
   searchThumbnailSize: 'large' | 'medium' | 'small'
   hideShortsRemixButton: boolean