☰

Youtube New UI Fix

Fixes the new UI to one that resembles old one

Από την 19/08/2015. Δείτε την τελευταία έκδοση.

Πώς γίνεται η εγκατάσταση

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey, το Greasemonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Userscripts για να εγκαταστήσετε αυτόν τον κώδικα.

You will need to install an extension such as Tampermonkey to install this script.

Θα χρειαστεί να εγκαταστήσετε μια επέκταση διαχείρισης κώδικα χρήστη για να εγκαταστήσετε αυτόν τον κώδικα.

(Έχω ήδη έναν διαχειριστή κώδικα χρήστη, επιτρέψτε μου να τον εγκαταστήσω!)

Πώς γίνεται η εγκατάσταση

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Έχω ήδη έναν διαχειριστή στυλ χρήστη, επιτρέψτε μου να τον εγκαταστήσω!)

Δημιουργός
Roy192
Βαθμολογίες
0 0 0
Έκδοση
1.8.6
Δημιουργήθηκε την
05/08/2015
Ενημερώθηκε την
19/08/2015
Μέγεθος
10 KB
Άδεια
Μη διαθέσιμη
Εφαρμόζεται σε

This user-script is based on my user-style on userstyles.org (Youtube Controls Under Player). Sadly enough a user-style is not going to cut it to cleanup the garbage Youtube has made (again). The main problem was that the time did not update when not hovering over the controls. This script solves that by adding an interval that calls the onmousemove event of the controls.

This script was originally written in typescript and compiled to plain javascript, if you want to see the original code: https://copy.com/TzRldsobyPt8XcKA

To customize the script a little, I've added a few checkboxes to the playback settings page on youtube:
https://www.youtube.com/account_playback

Features:

  • Non-transparent controls
  • Controls are not over the video
  • Controls don't hide at all
  • Controls have the old colors back
  • Controls are smaller (35px vs 40px)
  • Controls will update, they won't freeze until you hover over them
  • Option: disable animations (play/pause button, the expanding of the context menu when changing the quality)
  • In full-screen mode, the controls are also always visible, original colors, and they are smaller (35px again)
  • Option: re-enable auto-hide only in full-screen
  • Subtitles don't move up and down when going over the video
  • The settings that popup (for changing the quality, etc) have a non-transparent background
  • It also seems to play nice with the Resize YT To Window Size script (except for the slow scrolling when a video at 720p+ 60fps is playing, but that might be just me)
  • Controls are smaller in full-screen
  • Option: move the watch later button to the controls (next to the subtitles button at the bottom)
  • Works for embedded videos, but the height is not adjusted and will make the videos slightly smaller than intended.

Things still to do:

  • Nothing

Things I can't do (if you know how to do any of these things, let me know):

  • Change the width of the progress bar without bugging it out
  • Increase the height on embedded videos