DEV Community

JEFF
JEFF

Posted on

1 1

Create your own youtube video blocker chrome extension ... Easy Af πŸ₯΅

Ever felt triggered by some videos in your youtube feed while scrolling randomly? here is your simple af solution. I have provided the code for the extension and steps how to host it .

Here is the source code for the project :-

GitHub logo jeff-rey619 / UtubeVedioBlocker-Exet

Simple extension to hide the videos with certain keywords in its "Title"

UtubeVedioBlocker-Exet

Simple extension to hide the videos with certain keywords in its "Title"

How to host the extension 1.Go to your extensions tab in my case edge://extensions/ 2.Turn on the developer mode . 3.Click "Load Unpacked" and select your extension folder.

BOOM YOUR'RE DONE




🎯 What Does This Extension Do?

  • Lets you add keywords (e.g., "Programming tutorials" , "Pointers" , "Irfans-View").

  • Hides videos with those keywords in the title.

  • Saves your keyword list using Chrome Storage (so it's there even after a restart).

Allows you to clear the list whenever you want

  1. HTML for Input – We use a simple HTML page where users can type in the keywords which we want to get out from our sight.

2.Chrome Storage – We store these forbidden words in Chrome's storage so they don’t vanish when you close the browser.

3.Since YouTube dynamically loads videos as you scroll, we run our script every 5 seconds to keep things clean.

Since being a former lazy guy I have kept the code in the most minimalistic form and there is only clear all button to clear the entire list if you want to clear any specific key word .

Go to DevTools (F12) -> Applications ->Extension storage -> search for "YouTube Video Blocker" which is the present in manifest.json file
->Sync -> Edit the list.

Top comments (0)

Visualizing Promises and Async/Await 🀯

async await

☝️ Check out this all-time classic DEV post

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay