Youtube UI Fix

Moves the controls under the video and makes the UI look like it was before august 2015

These are versions of this script where the code was updated. Show all versions.

  • v2.4.16 2023-09-26

    Should work better in embedded now (the progress didn't update before, and the watch later button was misaligned).
  • v2.4.15 2023-09-26

    Fixed some more buttons that were too big, this time in fullscreen mode.
  • v2.4.14 2023-09-26

    Used code from this script to fix the issue that the time and progress didn't update anymore. Fixed the size of the volume and watch later buttons. And the player shouldn't go over the title under the player anymore.

    There's is still a problem with the options page, I'll try to fix that later... For now you can edit the defaults of the settings in the script itself.
  • v2.4.13 2020-12-11 Added @include https://youtube.com*
  • v2.4.12 2020-12-11 Controls are now visible again in embedded. Watch later button now has less margin in embedded. Chapters are no longer cut off. Removed sourcemap comment to prevent console message. Added an extra if to prevent error message in console. Removed delete style.textContent, because it doesn't seem to work anymore in typescript.
  • v2.4.11 2020-06-16 The floating player from Iridium doesn't take up the whole viewheight anymore. (Thanks to q1k)
  • v2.4.10 2020-04-30 Small attempt to fix the settings
  • v2.4.9 2020-04-30 Added css fix to prevent de watch later button from messing up the UI when embedded (https://greasyfork.org/forum/discussion/77885/a-glitch-about-embedded-videos).
  • v2.4.8 2018-08-01 Added a button to create a userscript to set the settings.
  • v2.4.7 2018-07-28 Fixed that controls went over the title in the material layout.
  • v2.4.6 2017-11-14 Apperently the new version of greasemonkey doesn't like non existing sourceMappingURL's...
  • v2.4.5 2017-10-30 Fixed the previous bug again but this time without accidentally half-fixing a bug from another script (switch over to theater mode if you get a half progressbar)
  • v2.4.4 2017-10-27 The controls were a little bit too wide in the material layout.
  • v2.4.3 2017-10-27 The content below the video was not being moved down in the new material layout.
  • v2.4.2 2017-09-20 The last change didn't work, this will...
  • v2.4.1 2017-09-20 Watch later button would sometimes disappear on mouseleave if the show title on hover option was turned on.
  • v2.4.0 2017-09-20 Made sure that the controls never dissapeared (display:block). Made sure that the settings only appeared in the playback section of the settings of youtube. Fixed the watch-later button's size, and made sure it wouldn't be re-added every second.
  • v2.3.6 2017-04-23 Fixed a small issue with certain elements going up and down when moving the mouse over the controls.
  • v2.3.5 2016-10-26 updated homepage url
  • v2.3.4 2016-10-26 Cleaned up the code, and dropped the new part in the name (2015 is pretty long time ago)
  • v2.3.3 2016-10-26 Made the checking for option changes more efficient, and now the addwatchlater option is also affected.
  • v2.3.2 2016-10-25 Made it possible to access the settings through other means. For embedded videos on youtube.googleapis.com or www.youtube-nocookie.com, and for people without an account.
  • v2.3.1 2016-10-24 Added a class (yt-ui-fix) to the body to indicate that this script is active.
  • v2.3.0 2016-10-24 Works better with the floating mode from youtube+ (it now can be dragged around without stopping after a second, and is now a little bit bigger in height for the controls). And fixed a small problem with the sidebar being to low in some cases.
  • v2.2.5 2016-10-22 Made the script compatible with Resize YT To Window Size, and the Fullbrowser mode from Youtube+
  • v2.2.4 2016-10-22 Updated the original typescript code link
  • v2.2.3 2016-10-20 Settings that are changed will now be applied in less than a second on every open tab with youtube. So you can change the settings in one tab, and see the results in another.
  • v2.2.2 2016-10-02 Fixed the placement of the playlist in non-theatre mode
  • v2.2.1 2016-09-26 Added another option, similar to the previous to revert the colors in fullscreen or in non-fullscreen
  • v2.2.0 2016-09-25 Added an option to not revert the colors.
  • v2.1.3 2016-09-09 Reverted the new way of keeping the progress going back to the mouseEvent way (to make it work even on youtube streams)
  • v2.1.2 2016-09-09 Last fix broke the progressbar
  • v2.1.1 2016-09-09 Live streaming should work better now.
  • v2.1.0 2016-09-07 Fixed embedded videos again
  • v2.0.9 2016-09-07 Fixed a tiny bug when autohiding controls in fullscreen.
  • v2.0.8 2016-09-07 Fixed Embedded videos (they can now hide the controls if settings allow it).
  • v2.0.7 2016-09-07 Removed Accidental space in css
  • v2.0.6 2016-09-07 When hiding the controls in non-fullscreen, the theatre background and placeholder were 35px too big.
  • v2.0.5 2016-09-07 Fixed embedded videos. New feature: hide in non fullscreen
  • v2.0.4 2016-09-06 Small change to the timestamp function
  • v2.0.3 2016-09-06 Cleaned up css
  • v2.0.2 2016-09-06 Cleaned up css a bit
  • v2.0.1 2016-09-06 Fixed a small bug with fullscreen in chrome
  • v2.0.0 2016-09-05 Rewrote the whole thing to make it much more readable. The method of keeping the progress updated has changed. And a couple of things have improved.
  • v1.12.0 2016-07-10 changed the way the content under the video gets moved down. The old way was conflicting with the reporting comments.
  • v1.11.11 2016-06-24 Fixed some padding issues
  • v1.11.10 2016-06-24 Fixed the padding for the channel videos
  • v1.11.9 2016-06-23 if floater no height change
  • v1.11.8 2016-06-23 height is now important if not floater
  • v1.11.7 2016-06-23 Fixed a bug, where the video appears lower than it should.

Show all script versions