https://github.com/thammami01/youtube-ad-blocker
Extension for Chromium-based broswers that skips video ads and hides other 5+ types of banner ads on YouTube, as well as displays statistics. (STOPPED WORKING AFTER YOUTUBE LAST UPDATE!)
https://github.com/thammami01/youtube-ad-blocker
ad-blocker chrome-extension collaborate communityexchange github student-vscode tailwindcss vanilla-js youtube
Last synced: 13 days ago
JSON representation
Extension for Chromium-based broswers that skips video ads and hides other 5+ types of banner ads on YouTube, as well as displays statistics. (STOPPED WORKING AFTER YOUTUBE LAST UPDATE!)
- Host: GitHub
- URL: https://github.com/thammami01/youtube-ad-blocker
- Owner: THammami01
- Created: 2022-06-27T08:16:29.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-05-06T10:24:15.000Z (12 months ago)
- Last Synced: 2025-03-25T02:01:37.815Z (about 1 month ago)
- Topics: ad-blocker, chrome-extension, collaborate, communityexchange, github, student-vscode, tailwindcss, vanilla-js, youtube
- Language: JavaScript
- Homepage: https://chrome.google.com/webstore/detail/youtube-ad-blocker/iiiilpabaoapcpklalifahaloiejiaio
- Size: 366 KB
- Stars: 14
- Watchers: 1
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Youtube Ad Blocker
## Overview
Extension for Chromium-based broswers that skips video ads and hides other 5+ types of banner ads on YouTube, as well as displays statistics for what was skipped (number and duration per past day, month and the total).
## Notes
### Base
To skip a video ad:
```js
const video = document.getElementsByClassName("video-stream")[0];
video.currentTime = video.duration;
document.getElementsByClassName("ytp-ad-skip-button")[0].click();
```
The last line of code might be sufficient for the "5s must-watch" ads.
### Scripts
There are three scripts and here is the utility of each one:
1. `script.js`
- Contains the popup's logic.
- Retrieves data displayed in the popup from local storage.
- Notifies all YouTube tabs when the extension is enabled/disabled.
2. `service-worker.js`
- Always running in the background;
- Either active or inactive, with inactivity for approximately 10 seconds resulting in an inactive state.
- Becomes active again upon receiving a message.
- Listens for messages from `content-script.js`.
- Has access to the extension's local storage and updates it when a message is received.
- Runs event listeners callback functions immediately upon receiving a message.
3. `content-script.js`
- Injected into the YouTube website.
- Blocks all types of ads;
- Skips must-be-watched ads.
- Hides banner ads.
- Sends messages containing the details of skipped ads to `content script.js`.
- Displays an alert, prompting for a page reload, when the popup's toggle switch is turned on/off.
```mermaid
graph RL;
CSA(Chrome Storage API)
content-script.js-->service-worker.js;
service-worker.js-->content-script.js;
service-worker.js-->CSA;
CSA-->script.js;
script.js-->content-script.js;
```
### Types of Ads
1. Appears on the homepage.
2. Appears on top of the suggested list of videos.
3. Appears under the video description.
4. Skippable 5-second-must-be-watched video ad at the beginning, middle, or end of a video.
5. Similar to Type 4, but with two consecutive video ads.
6. Unskippable 10-second-must-be-watched video ad.
And more discovered when using a VPN across multiple countries.
### Additional Details
- All data are saved in local storage, making it a standalone app.
- The manifest is version 3 and can be deployed to the Chrome Web Store without any code updates.
- Code is formatted using Prettier default style guides.
- Flowbite UI components, based on Tailwind CSS, are used.
## Todos
- Address extension issues with video ads to make it work with the latest YouTube updates.
## Extension Preview
