Remove play next button and thumbnail mouseover effect (chrome)

chrome/css/main.css

@@ -9,7 +9,13 @@ html[global_enable="true"][remove_home_link="true"] a:not(#logo)[href="/"],
 html[global_enable="true"][remove_explore_link="true"] a[href="/feed/trending"],
 html[global_enable="true"][remove_explore_link="true"] a[href="/feed/explore"],
 
+html[global_enable="true"][remove_thumbnail_mouseover_effect="true"] #mouseover-overlay,
+
+html[global_enable="true"][remove_play_next_button="true"] a.ytp-next-button,
+
 html[global_enable="true"][remove_comments="true"] #comments,
+html[global_enable="true"][remove_comments="true"] #comment-teaser,
+html[global_enable="true"][remove_comments="true"] ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-comments-section"],
 
 html[global_enable="true"][remove_chat="true"] #chat,
 

chrome/css/options.css

@@ -8,6 +8,8 @@ html[remove_info_cards="true"] .remove_info_cards .inactive,
 html[remove_home_link="true"] .remove_home_link .inactive,
 html[remove_logo_link="true"] .remove_logo_link .inactive,
 html[remove_explore_link="true"] .remove_explore_link .inactive,
+html[remove_thumbnail_mouseover_effect="true"] .remove_thumbnail_mouseover_effect .inactive,
+html[remove_play_next_button="true"] .remove_play_next_button .inactive,
 html[remove_comments="true"] .remove_comments .inactive,
 html[remove_chat="true"] .remove_chat .inactive,
 html[redirect_off="true"] .redirect_off .inactive,
@@ -27,6 +29,8 @@ html[remove_info_cards="false"] .remove_info_cards .active,
 html[remove_home_link="false"] .remove_home_link .active,
 html[remove_logo_link="false"] .remove_logo_link .active,
 html[remove_explore_link="false"] .remove_explore_link .active,
+html[remove_thumbnail_mouseover_effect="false"] .remove_thumbnail_mouseover_effect .active,
+html[remove_play_next_button="false"] .remove_play_next_button .active,
 html[remove_comments="false"] .remove_comments .active,
 html[remove_chat="false"] .remove_chat .active,
 html[redirect_off="false"] .redirect_off .active,

chrome/js/content-script.js

@@ -3,6 +3,7 @@ if (typeof browser === 'undefined') {
   browser = typeof chrome !== 'undefined' ? chrome : null;
 }
 
+// Some global constants.
 const HTML = document.documentElement;
 const SETTINGS_LIST = {
   "global_enable":                     { defaultValue: true,  eventType: 'click'  },
@@ -13,6 +14,8 @@ const SETTINGS_LIST = {
   "remove_home_link":                  { defaultValue: false, eventType: 'change' },
   "remove_logo_link":                  { defaultValue: false, eventType: 'change' },
   "remove_explore_link":               { defaultValue: false, eventType: 'change' },
+  "remove_thumbnail_mouseover_effect": { defaultValue: false, eventType: 'change' },
+  "remove_play_next_button":           { defaultValue: false, eventType: 'change' },
   "remove_comments":                   { defaultValue: false, eventType: 'change' },
   "remove_chat":                       { defaultValue: false, eventType: 'change' },
   "redirect_off":                      { defaultValue: true,  eventType: 'change' },

chrome/js/options.js

@@ -14,6 +14,8 @@ const SETTINGS_LIST = {
   "remove_home_link":                  { defaultValue: false, eventType: 'click' },
   "remove_logo_link":                  { defaultValue: false, eventType: 'click' },
   "remove_explore_link":               { defaultValue: false, eventType: 'click' },
+  "remove_thumbnail_mouseover_effect": { defaultValue: false, eventType: 'click' },
+  "remove_play_next_button":           { defaultValue: false, eventType: 'click' },
   "remove_comments":                   { defaultValue: false, eventType: 'click' },
   "remove_chat":                       { defaultValue: false, eventType: 'click' },
   "redirect_off":                      { defaultValue: true,  eventType: 'click' },

chrome/manifest.json

@@ -12,27 +12,25 @@
     "128": "images/128.png"
   },
 
+  "background": {
+    "scripts": ["js/background.js"],
+    "persistent": true
+  },
+
   "content_scripts": [
+    {
+      "js": ["js/content-script.js"],
+      "matches": ["*://*.youtube.com/*"],
+      "run_at": "document_start"
+    },
     {
       "css": ["css/main.css"],
       "all_frames": true,
       "matches": ["*://*.youtube.com/*"],
       "run_at": "document_start"
-    },
-    {
-      "matches": ["*://*.youtube.com/*"],
-      "js": ["js/content-script.js"],
-      "run_at": "document_start"
     }
   ],
 
-  "background": {
-    "scripts": [
-      "js/background.js"
-    ],
-    "persistent": true
-  },
-
   "browser_action": {
     "default_popup": "options.html",
     "default_title": "Remove Youtube Suggestions",

chrome/options.html

@@ -58,6 +58,14 @@
       <fieldset>
         <legend>More removal options</legend>
 
+        <div class="remove_thumbnail_mouseover_effect">
+          <div class="option_name_container"><a class="active">🚫</a><a class="inactive">🟢</a> Thumbnail mouseover effect</div>
+        </div>
+
+        <div class="remove_play_next_button">
+          <div class="option_name_container"><a class="active">🚫</a><a class="inactive">🟢</a> Play next button</div>
+        </div>
+
         <div class="remove_comments">
           <div class="option_name_container"><a class="active">🚫</a><a class="inactive">🟢</a> Comments</div>
         </div>