Playback Shortcuts

endorh
2023-07-25T17:27:34Z

Adds playback shortcuts to video players. ('Ctrl + >'/'Ctrl + <' to change playback rate, 'Ctrl + .' to enter PiP)

Adds global shortcuts to modify a video's playback rate.

Features:

Can set playback rate beyond 2x and 0.25x

Displays an overlay with the new playback rate over the video

Works on any website with a video element (if there are multiple, only the first is used)

Shortcuts (depending on your keyboard, these may require you to also press Shift):

Press Ctrl + < to decrease playback rate

Press Ctrl + > to increase playback rate

Press Ctrl + . to toggle Picture-in-Picture mode (video popout window)

Some settings can be configured modifying the header of the script:

Shortcuts (as a JS lambda filtering a KeyboardEvent)

Playback rate steps used (..., 0.5, 0.75, 1, 1.25, 1.5, ...)

Fadeout time of the overlay (350ms)

Overlay CSS style

Debug messages and warnings

Disable overlay entirely (in case a webpage doesn't like injected elements)

Limitations:

If there are multiple video elements in a page, only the first is used

Most browsers don't support speeds faster than 15x nor slower than 0.1x

Audio quality at slow speeds is usually bad

Depending on the webpage structure (video inside embedded iframe), you may need to focus the video in order to use the shortcuts

Tested on YouTube, Twitch and some JW player sites (anything with an HTML5 video element).