Important

The project is being revived with the release of v4! It may take a few days before the add-on store updates to the latest version. Please report any issues or give any feature suggestion in the Issues page, thank you!

Better YouTube Shorts

Control your YouTube shorts just like a normal YouTube video! Features include seeking, playback speed, auto skip and more. You can also customize the keybinds to your liking!

Installation

• Chrome Extension: https://chrome.google.com/webstore/detail/better-youtube-shorts/pehohlhkhbcfdneocgnfbnilppmfncdg
• Firefox Add-ons: https://addons.mozilla.org/en-US/firefox/addon/better-youtube-shorts
• Edge Add-ons: https://microsoftedge.microsoft.com/addons/detail/better-youtube-shorts/encogpagbgkndaicddjpgogepdmfnokl

Manual Installation

1. Grab the latest release from the releases page
2. Unzip the file and take note of the directory location
3. For Google Chrome:
   1. Open Chrome and navigate to chrome://extensions
   2. Toggle Developer Mode with the switch at the top-right of that page
   3. Drag and drop the directory into that page to load the unpacked extension
   4. OR click load unpacked and select the directory
4. For Mozilla Firefox:
   1. Open Firefox and navigate to about:debugging#/runtime/this-firefox
   2. Click Load Temporary Add-on... and select the manifest.json inside the directory

Features

• Seeking 5 seconds backward and forward with arrow keys (adjustable time)
• Mini timestamp and speed above the like button (can be scrolled on!)
• Fullscreen support with double click (native: F key)
• Decrease and increase playback speed with keys U and O
• Click the speed button to revert to normal speed or toggle between different speeds
• Toggle to auto play the next short when the current one ends
• Control volume with - and =, via YouTube's native volume slider
• Toggle captions with C
• Customizable keybinds
• 🌐 Supports more than 10 languages!

Extra features:

• Start short from beginning with J
• Go to the next or previous frame with . and , while paused
• Set default playback rate when first opening shorts
• Auto skip shorts with likes below a custom threshold (e.g. 500 likes)

Screenshots

Default Keybinds

Action	Shortcut
Seek Backward (+5s)	ArrowLeft
Seek Forward (-5s)	ArrowRight
Decrease Speed	KeyU
Reset Speed	KeyI
Increase Speed	KeyO
Decrease Volume	Minus
Increase Volume	Equal
Toggle Captions	KeyC
Restart Short	KeyJ
Next Frame
Previous Frame
Next Short
Previous Short

Some keybinds are disabled by default. You can enable them by setting its keybinds.

Contributing

All type of contributions are welcome. You may contribute by reporting bugs, suggesting new features, translating the extension or even by submitting a pull request.

Translation

Know multiple languages? Help translate the extension so we can have a reach worldwide! See the list of supported locales here.

For beginners

We are currently using POEditor to facilitate the extension localization process for beginners. You can join the project using this invite link. Note that you can choose to translate or copy the description as it is just for reference.

To test your translation in the browser, export the file as Key-Value JSON, rename the file to messages.json and put it in the _locales/[LANG] folder where LANG is the code of the language. Make sure the locale of your browser is set properly. See the development guide below to build your extension in real-time. Please note that this method haven't been fully tested yet, so please let us know of any issues you faced in the issue page.

If you need any help in translating, you may create an issue or contact us using the Google Form below.

For advanced users

Start by forking the repo, copying the _locales/en/messages.json file and paste it to your locale code directory. Then, you can start translating the messages in the messages.json file. The description are just for reference and will not be visible to the user so you may translate it or leave it as it-is.

You can also add help translate the store listing description by emailing @ynshung or creating an issue to express your interest. Note that you will be notified to update the description from time to time.

Issues / Suggestion

If you have faced any issue with the extension or any suggestion that can help to improve the extension, you may create an issue here or if you know how to code, fork the repo, make the necessary changes and create a pull request.

Check for existing issues to avoid duplicates. For better reporting, check the Console (F12 > Console) for any related error which can be included in your report.

You may leave your feedback in this Google Form.

Development Guide

1. Fork the project on Github
2. Clone your fork in your local machine
3. Open the working directory in the terminal
4. Run pnpm i to install all dependencies (ensure that node and pnpm are installed)
5. For Chrome development
   1. Run pnpm dev to start development
   2. Open Chrome and navigate to chrome://extensions
   3. Toggle Developer Mode with the switch at the top-right of that page
   4. Drag and drop the dist directory into that page to load the unpacked extension
   5. OR click load unpacked and select the directory
   6. Changing a file should automatically update and refresh the extension
6. For Firefox development
   1. Run pnpm dev:firefox to start development
   2. Open Firefox and navigate to about:debugging#/runtime/this-firefox
   3. Click Load Temporary Add-on... and select the manifest.json in the dist directory
   4. Everytime a file is changed, make sure to reload the extension after the message of Firefox manifest created successfully. is shown.

License

GNU GPL v3