Imported and mirrored from a private source
Authorrafail20083
LicenseNONE
Categoryyoutube
Created
Updated
Size3.8 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Trying to recreate the original Youtube player style of 2014 minor success have yet to fix the auto hide.
Github for bug reports and progress. Thank you for your time and patience. https://github.com/snintendog/Youtube-Player-Editing-2015
Credits
Reddit User TheCoryKid for Auto hide
Github User MechaLynx For Restore Watch Later Script
Greasyfork/userstyle User anon ymous/anon1928 For the Progress Bar Fix
Dev Userscript Version now available for testing here(Not Stable bugs may appear any bug should be reported to the Github Repository/along with any fixes should you have one any help is good help)
https://raw.githubusercontent.com/snintendog/Youtube-Player-Editing-2015/master/Dev/YPARWL.user.js
0.000005 Removed the Endscreen Animations and changed the flashing pause/play icon to a more square shape. Reverted the Progress Bar to be smaller and centered to fix a bug and fixed the subtitles button underline while in full screen.
0.000004 Fixed HD button while in fullscreen, the i card button, the bottom gradient is now not displaying, Cleaned up and organized the Css, and adding a new drop down for those that Use Youtube Center and its fixes(only needed for auto hide versions.
The Default for the style will be the "Auto hide off [New method]No I don't use Youtube Center" now.
0.000003a was informed that playlists were off in theater mode pushing fix can confirm firefox 39 monitor 1366x768 fix works. For those wondering about the progress bar not updating while not being hovered over Css is limited and can't fix this alone but some userscripts have a fix for this.
0.000003 Added the fix for bouncing subtitles and a cleanup style for a watch later button restored to the controls(Will require a userscript using GreaseMonkey or TamperMonkey MechaLynx has made it and is good by itself or alongside this style. Not finalized) Added a new method for scaling videos to browser+monitor resolution may be buggy and not all things are 100% yet It is in the drop down for [New method]. Edit: Forgot to add auto hide to [New method] oops
0.000002a fixed an annotation glitch found when using the 1366x768 auto hide off version. Noted that Chrome auto scales the width and height unlike in firefox and sets this style off and obscures/adds too much empty space in the video player.
0.000002 added the auto hide place holder for the userstyle site have found the auto hide fix and the correct player height for monitors with 1366x768 resolutions Drop downs are giving me some trouble
0.000001 Created August 3rd its okay i guess the buttons and the player controls and Progress bar merged and shrunk removed gradient background box(just hidden still is there in theory)color is still default red/gray for progress bar
/* ==UserStyle==
@name Youtube Player August 2015
@namespace USO Archive
@author Snintendog
@description Trying to recreate the original Youtube player style of 2014 minor success have yet to fix the auto hide. Github for bug reports and progress. Thank you for your time and patience. https://github.com/snintendog/Youtube-Player-Editing-2015 Credits Reddit User TheCoryKid for Auto hide Github User MechaLynx For Restore Watch Later Script Greasyfork/userstyle User anon ymous/anon1928 For the Progress Bar Fix
@version 20150901.23.01
@license NONE
@preprocessor uso
@advanced dropdown Auto-hide "Auto Hide [Resolution]" {
_Auto-hide_uni_ "Auto Hide off [New method]*" <<<EOT .ytp-big-mode video { height: calc(100% - 33px)!important;}
.ytp-fullscreen .html5-video-container { height: 100%!important; }
/*The Player Fixes*\/
.ytp-subtitles-player-content { bottom: 40px!important; }
:not(.watch-stage-mode) #movie_player { height: calc(100% + 30px)!important; }
#watch7-content {transform: translateY(30px); }
/*Theater Mode Fix*\/
.watch-stage-mode #movie_player { height: calc(100% + 31px)!important; }
body:not(.ytwp-window-player) .watch-stage-mode #watch7-sidebar-contents{ transform: translateY(48px); }
body:not(.ytwp-window-player) .watch-stage-mode #watch7-content { transform: translateY(48px); }
.watch-stage-mode #theater-background{ bottom: -34px!important; left: 0px!important; position: absolute!important; background-color: black!important; height: 0px!important; width: 100%!important; }
.watch-wide .watch-playlist{ transform: translateY(89%)!important; margin-bottom: 30px; }/*Fixes wide+playlist/mix*\/
/*Auto Hide off*\/
.ytp-chrome-bottom { opacity: 1 !important; }
EOT;
_Auto-hideon_ "Auto Hide on [All]" <<<EOT /*Auto-hide*\/ EOT;
}
@advanced dropdown YTC-Fixes "YTC Fixes" {
_NO-YTC_ "No I don't use Youtube Center*" <<<EOT /*YTC-Fixes*\/ EOT;
_YES-YTC_ "Yes I use Youtube Center" <<<EOT /*YTC fixes*\/
/*-2/3% With YTC* fixed/
.html5-video-content { top: 0% !important; }
/*-2% with YTCenter dev >V 531 on*\/
.video-stream { margin-top: -2% !important; }
/*Counters YTC fix in fullscreen*\/
.ytp-fullscreen .html5-video-container { margin-top: 2% !important; } EOT;
}
==/UserStyle== */
/*V0.000005*/
@-moz-document domain("youtube.com") {
/*Control Style*/
div.ytp-chrome-bottom { width: 100% !important; left: 0% !important; height: 30px !important; background: black none repeat scroll 0% 0% !important; bottom: -2px !important; }
.ytp-progress-bar-container { background: black !important; bottom: 27px !important; width: 96% !important; left: 2% !important; }
.ytp-chrome-controls{ height: 30px !important; line-height: 30px !important; Display: block !important; }
.ytp-gradient-bottom, .ytp-gradient-top { display: none !important; }
.ytp-watch-later-button.ytp-button{ padding: 2px !important }
.ytp-button.ytp-cards-button { top: 0% !important;}
.ytp-bezel {border-radius: 10px!important; }
.videowall-still-image { transform: none !important; }
.html5-endscreen * { transition-property: none !important; animation: none !important; }
/*Fullscreen settings*/
.ytp-big-mode .ytp-settings-button.ytp-hd-quality-badge::after,.ytp-big-mode .ytp-settings-button.ytp-4k-quality-badge::after,.ytp-big-mode .ytp-settings-button.ytp-5k-quality-badge::after,.ytp-big-mode .ytp-settings-button.ytp-8k-quality-badge::after{ content:'HD'!important; height: 20% ; width: 28% ; font-size: 50%; line-height: 50%; }
.ytp-big-mode .ytp-subtitles-button.ytp-button::after{ top: 70% }
/*[[Auto-hide]]*/
/*[[YTC-Fixes]]*/
}