Youtube Controls Under Player (needs user-script)

Added by Roy192@userstyles, Created: Aug 04, 2015, Updated: Feb 07, 2016
  • With the style applied
  • Without this style
  • With this style
  • With the style on full-screen


Places the controls of the new Youtube UI under the player, removes the transparency, and keeps the controls visible at all times. This also works for full-screen but does not decrease the ridiculous size of the controls.

More info
Found a bug that I can't solve: the controls don't update when not hovering over them, defeating half the purpose of this style. I can however fix this with a user-script, and I did:

the new script also includes a few tricks to get the colors back to what they were, and the non-full-screen has smaller controls (33px instead of 40px).

Update: You do not need to install this style with the script, the script on its own will be enough (it inserts its own version of this style).

Added .ytp-subtitles-player-content { bottom: 49px!important; } so that the captions (or subtitles) don't go up and down.
Added .watch-stage-mode #theater-background::after { content: ''; bottom: -40px; left: 0px; position: absolute; background-color: black; height: 40px; width: 100%; } so that in theater mode (press the button next to full-screen) the background to the right and left is the height as the whole video and its controls.

You should to add comment and rate the style.


+ Create discussion

Applies to:

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.