The YouTube Enhancer Extension is a powerful browser extension designed to enhance your YouTube experience.
- Introduction
- Features
- Installing from pre-built package
- Building the Extension
- Configuration
- Usage
- Contributing
- Contributors
- Internationalization (i18n)
- License
YouTube Enhancer is a browser extension that aims to improve your YouTube experience by providing a set of customizable features and enhancements. Whether you want to fine-tune your video settings, improve navigation, or simplify common tasks, this extension has you covered.
-
Remember Last Volume: This option remembers the last volume set for Shorts and the Watch page separately, applying the appropriate volume when you revisit each type of video content.
-
Maximize Player Button: Adds a button to the player to maximize the video player for a better viewing experience.
-
Remaining Time: Keep track of the time remaining on your video with a dynamic display.
-
Pause background players: Pauses video players in background tabs when you start a new player in the foreground.
-
Loop Button: Adds a dedicated button to toggle the video player loop.
-
Hide Scrollbar: Hides the pages scroll bar.
-
Automatic Theater Mode: Automatically enables theater mode when you load a video
-
Open Transcript Button: Adds a button to the feature menu to open the video transcript (available if the video has a transcript).
-
Open YouTube Settings On Hover: Opens the settings menu when you hover over the settings button.
-
Remove YouTube
/redirect
URLs: Enhance link navigation by eliminating YouTube /redirect URLs and get straight to the content you want. -
Shorten YouTube video share link: Enhance your shared YouTube links with a shortened and cleaner appearance, intelligently excluding unnecessary query parameters like
si
,pp
, andfeature
for a more user-friendly experience. -
Skip "Video is paused. Continue watching?" popup: Skips the idle dialog that pauses video playback.
-
Shorts auto scroll: Enjoy seamless viewing with automatic scrolling through YouTube Shorts.
-
Hide shorts: Enhance your browsing experience by hiding distracting YouTube Shorts content.
-
Hide live stream chat: Hide the chat section of live streams.
-
Hide translate comment button: Hides the
Translate to Language
button under comments. -
Hide end screen cards:: Hide the end screen cards on videos.
- Track watched videos: Keeps track of where you left off on videos you were watching and enables resuming playback
- Resume type: Select how you want to resume playback (Automatic, Prompt)
-
Color: Select the color for the On-Screen Display (red, green, blue, orange, yellow, white, pink)
-
Type: Select the type of On-Screen Display (text, line, round, no display).
-
Position: Select the position of the On-Screen Display (top left, top right, bottom left, bottom right, center).
-
Opacity: Adjust the transparency of the On-Screen Display.
-
Hide Delay: Specify the time, in milliseconds, before automatically hiding the On-Screen Display.
-
Padding: Adjust the spacing around the On-Screen Display in pixels. This applies specifically to corner On-Screen Display.
-
Scroll Wheel Speed Control: Enables adjusting video speed with scroll wheel while holding the modifier key down.
-
Modifier Key: Select the modifier key for use with scroll wheel speed control.
-
Speed Change Per Scroll: The amount the speed is changed per scroll.
-
Scroll Wheel Volume Control: Control video volume with your mouse's scroll wheel for quick and easy adjustments.
-
Enable when holding modifier key: Optionally, enable holding a modifier key to adjust the volume only when the specified key is held down during scroll wheel actions.
-
Enable when holding right click: Optionally, enable holding down the right mouse button during scroll wheel actions.
-
Amount to Adjust Volume per Scroll: Define how much the volume should change with each scroll.
-
Automatically Set Quality: Automatically sets the video quality to the chosen level.
-
Player Quality: Choose the desired video quality for playback.
-
Forced Playback Speed: Allows users to force videos to play at a specific speed.
-
Playback speed buttons: Adds buttons to adjust the playback speed.
-
Player Speed: Define the playback speed for videos.
-
Playback buttons speed: Define the speed adjustment per button press.
-
Volume Boost: Enables the volume boost feature.
-
Volume Boost Mode Selection: You can select 'Per Video' mode to enable volume boost for each video individually, or 'Global' mode to apply volume boost to all videos when the feature is enabled.
-
Volume Boost Amount (dB): Specify the amount by which to boost the volume. This setting applies to both 'Per Video' and 'Global' modes.
-
Screenshot Button: Adds a button to the player for taking screenshots of videos.
-
Screenshot Save Type: Choose whether to save screenshots as files or to the clipboard.
-
Screenshot Format: Define the format in which screenshots should be saved (PNG, JPEG, or WEBP).
-
Enable selected theme: Enables the selected YouTube Deep Dark theme.
-
Select theme: Select the YouTube Deep Dark theme to use (9anime, Adapta-Breath-Nokto, Adapta-Nokto, Arc-Dark, Black-and-White, Breeze-Dark, Custom, Deep-Dark, Discord, Dracula, Firefox-57, Firefox-Alpenglow-Dark, Firefox-Dark, Firefox-Dark-91, Gruvbox-Dark, Gruvbox-Light, HavocOS, Inspired-Dark, Jisho, Mint-Y-Dark, NierAutomata-Dark, NierAutomata-Light, Orange, Solarized-Dark, Solarized-Light, Ubuntu-Grey, Ubuntu-Purple, Vertex-Dark, Yellow, Yellow-2, YouTube-Dark).
-
Accent color: Select the accent color for the "Custom" theme.
-
Main background color: Select the main background color for the "Custom" theme.
-
Secondary background color: Select the secondary background color for the "Custom" theme.
-
Hover background color: Select the hover background color for the "Custom" theme.
-
Main text color: Select the main text color for the "Custom" theme.
-
Secondary text color: Select the secondary text color for the "Custom" theme.
-
Shadow color: Select the shadow color for the "Custom" theme.
- Enable custom CSS: Applies the custom CSS from the editor to the YouTube page.
To install the YouTube Enhancer Extension from the latest release, follow these steps:
-
Visit the Latest Release Page.
-
Download the pre-built zip archive for your preferred browser.
-
Extract the contents of the zip archive to a directory of your choice.
-
Depending on your browser, follow these steps:
-
Google Chrome, Microsoft Edge, Brave:
- Open your browser and go to
chrome://extensions/
(oredge://extensions/
for Edge,brave://extensions/
for Brave). - Enable 'Developer mode'.
- Click 'Load unpacked' and select the extracted directory.
- Open your browser and go to
-
Mozilla Firefox:
- Open Firefox and go to
about:debugging#/runtime/this-firefox
. - Click on 'Load Temporary Add-on' and select any file in the extracted directory.
- Open Firefox and go to
-
-
Test the extension on YouTube to ensure it functions as expected.
That's it! You've successfully installed the YouTube Enhancer Extension from the latest release.
To build the YouTube Enhancer extension from scratch, follow these steps. We'll start with installing the necessary dependencies:
Before you begin, ensure you have the following software installed on your system:
-
Node.js and npm: If you don't have Node.js and npm (Node Package Manager) installed, you can download and install them from the official website: Node.js Downloads.
-
Git: If you don't have Git installed, download and install it from Git Downloads.
Next, open your terminal (command prompt or shell) and navigate to the directory where you want to store the YouTube Enhancer extension project. Run the following command to clone the repository:
git clone https://github.com/VampireChicken12/youtube-enhancer.git
Change your working directory to the project folder:
cd youtube-enhancer
Inside the project folder, run the following command to install the required dependencies:
npm install
After the installation is complete, build the extension using the following command:
npm run build
This command will bundle the extension's code and assets into a 'dist' directory.
After building the extension, you can load it into your browser for testing. Follow these steps:
Depending on your browser, follow these steps:
-
Google Chrome, Microsoft Edge, Brave:
- Open your browser and go to
chrome://extensions/
(oredge://extensions/
for Edge,brave://extensions/
for Brave). - Enable 'Developer mode'.
- Click 'Load unpacked' and select the 'dist/Chrome' directory.
- Open your browser and go to
-
Mozilla Firefox:
- Open Firefox and go to
about:debugging#/runtime/this-firefox
. - Click on 'Load Temporary Add-on' and select any file in the 'dist/Firefox" directory.
- Open Firefox and go to
Your extension should now be loaded. Test it on YouTube to ensure it functions as expected.
That's it! You've successfully built the YouTube Enhancer extension from scratch.
The extension provides a range of configuration options to tailor your YouTube experience to your liking. Simply access the extension's settings page to customize its behavior.
Using the YouTube Enhancer Extension is straightforward:
-
Ensure the extension is installed and the icon is visible in your browser's toolbar.
-
Click on the extension icon to access its features and settings.
-
Configure the extension according to your preferences. Adjust settings related to volume control, on-screen displays, video quality, playback speed, volume boost, and more.
-
Save your changes to apply them to your YouTube experience.
-
Enjoy an enhanced YouTube experience with the extension's features working seamlessly in the background.
Contributions to the YouTube Enhancer Extension are welcome! If you'd like to contribute to the development of this extension or report issues, please refer to the project's GitHub repository.
Our YouTube Enhancer extension supports multiple languages to provide a more inclusive experience for users around the world. We use Crowdin for managing translations.
We welcome contributions to improve translations and make the extension accessible to a wider audience. If you'd like to contribute translations or suggest improvements, follow these steps:
- Visit our Crowdin project.
- Select your language and start translating.
- If your language is not listed, feel free to request its addition.
The YouTube Enhancer Extension is open-source and available under the MIT License. Feel free to explore, modify, and share it as needed.