refactor(content-script): disable tooltip & right-controls

fix Ashish-Bansal#5 close Ashish-Bansal#34
Kompwu · Aug 7, 2018 · db27a5c · db27a5c
1 parent c4aef1b
commit db27a5c
Showing 1 changed file with 18 additions and 7 deletions.
diff --git a/src/ts/content-script.ts b/src/ts/content-script.ts
@@ -8,27 +8,38 @@ function makeSetAudioURL(
     if (pos !== -1) {
       vid = vid.substring(0, pos);
     }
-
     const bgUrl = `https://img.youtube.com/vi/${vid}/0.jpg`;
     videoElement.style.background = `transparent url(${bgUrl}) no-repeat center`;
     videoElement.style.backgroundSize = '80%';
   }
 
   function setNoBackgroundImageStyle(): void {
-    const gradientTop = document.querySelector('ytp-gradient-top');
-    const gradientBottom = document.querySelector('ytp-gradient-bottom');
+    const gradientTop = document.querySelector('.ytp-gradient-top');
+    const gradientBottom = document.querySelector('.ytp-gradient-bottom');
     const moviePlayer = document.getElementById('movie_player');
+    const rightControls = document.querySelector('.ytp-right-controls');
+    const tooltip = document.querySelector(
+      '.ytp-tooltip.ytp-bottom.ytp-preview'
+    );
+    const mainVideo = document.querySelector(
+      'video.video-stream.html5-main-video'
+    );
+    const chromeBottom = document.querySelector('.ytp-chrome-bottom');
     const playerContanerInner = document.getElementById(
       'player-container-inner'
     );
-    if (gradientTop && gradientBottom) {
+    if (gradientTop && gradientBottom && rightControls && tooltip) {
       gradientTop.remove();
       gradientBottom.remove();
+      rightControls.remove();
+      tooltip.remove();
     }
-    if (moviePlayer) {
-      moviePlayer.style.height = null;
+    if (mainVideo && chromeBottom) {
+      mainVideo.removeAttribute('style');
+      chromeBottom.removeAttribute('style');
     }
-    if (playerContanerInner) {
+    if (moviePlayer && playerContanerInner) {
+      moviePlayer.style.height = null;
       playerContanerInner.style.paddingTop = '6rem';
     }
   }