Merge pull request #1848 from asifurrahaman754/hide-video-title

code-charity · Nov 22, 2023 · b7a153a · b7a153a
2 parents ef541a5 + e4dfc25
commit b7a153a
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 0 deletions.
diff --git a/_locales/en/messages.json b/_locales/en/messages.json
@@ -1129,5 +1129,8 @@
     },
     "openNewTab": {
         "message": "Open in new tab"
+    },
+    "hideVideoTitleFullScreen": {
+        "message": "Hide video title in fullscreen"
     }
 }
diff --git a/js&css/extension/init.js b/js&css/extension/init.js
@@ -44,6 +44,7 @@ extension.events.on('init', function () {
 	extension.features.relatedVideos();
 	extension.features.comments();
 	extension.features.openNewTab();
+	extension.features.hideVideoTitleFullScreen();
 	bodyReady();
 });
 

diff --git a/js&css/extension/www.youtube.com/appearance/player/player.js b/js&css/extension/www.youtube.com/appearance/player/player.js
@@ -8,3 +8,23 @@
 #
 --------------------------------------------------------------*/
 
+
+/*--------------------------------------------------------------
+#  HIDE VIDEO TITLE IN FULLSCREEN
+--------------------------------------------------------------*/
+
+extension.features.hideVideoTitleFullScreen = function (){
+    document.addEventListener('fullscreenchange', function (){
+        if(document.fullscreenElement){
+            const youtubeTitle = document.querySelector(".ytp-title-text > a");
+
+            if(youtubeTitle){
+                if (extension.storage.get("hide_video_title_fullScreen") === true) {
+                    youtubeTitle.style.display = "none";
+                }else{
+                    youtubeTitle.style.display = "block";
+                }
+            }
+        }
+    });
+}
diff --git a/menu/skeleton-parts/appearance.js b/menu/skeleton-parts/appearance.js
@@ -384,6 +384,10 @@ extension.skeleton.main.layers.section.appearance.on.click.player = {
 				component: "switch",
 				text: "hideScrollForDetails",
 				tags: "remove,hide"
+			},
+			hide_video_title_fullScreen: {
+				component: "switch",
+				text: "hideVideoTitleFullScreen",
 			}
 		}
 	}