youtube-browser-extension Svelte Themes

Youtube Browser Extension

[in development] Enhance your YouTube experience with this Chrome extension! Transform your browsing with ad-blocking features, UI improvements, and greater control over Shorts and video playback.

logo

Changes since the last release »

Report Bug · Request Feature · Discussions

Features

  • Shorts To Video Button - adds a button to the shorts page that allows you to watch the short as a standard video.
  • Auto Loop Video - sets the loop property of the video after clicking the shorts to video button.
  • Shorts UI Tweaks - some UI improvements for the shorts page, especially for vertical screens.
  • Hide Sponsored Shorts - hides sponsored shorts from the shorts page.
  • Hide Masthead Ads - hides the masthead ads on the homepage.
  • Hide In-Feed Ads - hides in-feed ads (except for homepage, because it would break the layout).
  • Hide Player Ads - hides player ads on the watch page.

  • Auto Skip Ads - [deprecated] automatically skips ads when they appear on a video. You can use the uBlock Origin extension instead.
  • Remove AdBlock error message - [deprecated] removes the error message that appears when an ad blocker is detected.

Installation

  1. Open the latest release and download the youtube_extension_<VERSION>.zip file.
  2. Unzip the downloaded file to a new directory.
  3. In Chrome, go to the chrome://extensions/ page.
  4. Turn on the developer mode (top right corner).
  5. Click the Load unpacked button and select the unzipped directory.
  6. You can add the extension to the browser toolbar by clicking the puzzle icon in the top right corner and then clicking the pin icon next to the extension name.
  7. Right-click the extension icon in the toolbar and select Options to open the options page. Enable or disable the features as you wish.

Local development

  1. Clone the repository to your local machine.
  2. Set git hooks by running the npm run prepare command.
  3. Install the dependencies using the npm install command.
  4. Build the project using the npm run build command.
  5. Open the Chrome browser and go to the chrome://extensions/ page.
  6. Turn on the developer mode (top right corner).
  7. Click the Load unpacked button and select the dist directory from the cloned repository.
  8. Build the project after making changes to the source code using the npm run build command.
  9. Reload the extension on the chrome://extensions/ page to make sure every change is applied.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes