Back to work A small fix, right where it's needed

YouTube Scale-to-Fit

One button. A little more picture.

Browser extensionJavaScriptCSS
Original project screenshot showing a YouTube video scaled to fill the player's height.
The scaled player, from my original project screenshots. The video pictured is an MKBHD review.

A little more of the screen

A video can be playing fullscreen and still leave black bars above and below the picture. I made a small browser extension that puts a Scale button directly into YouTube’s existing player controls. Click it, and the picture expands vertically to fill the available height.

The original screenshots show the change on the same paused frame. Before scaling, the picture has horizontal black bars. The scaled version at the top of this page fills that space. These are screenshots preserved in the project repository, including the video I was using to demonstrate the extension.

Before scaling, the paused YouTube video has black bars above and below the picture.

Keep the control close to the problem

The interface is just that one button beside YouTube’s other controls. In the implementation, Scale becomes Unscale, so the change can be reversed without leaving the player.

A close-up from the original project screenshots shows the added Scale button beside YouTube's playback controls.

Underneath, it’s a Manifest V3 extension with a short JavaScript content script. It waits for the player controls, inserts the button, and toggles a CSS class that changes the video container and video height. The public source preserves the whole interaction in one small file.