For a Wide Screen and the YouTube new Design:
- Player stay fixed at the LEFT side.
- Infos / Comments / Videos Related / Queue on the RIGHT side in TABS.
Imported and mirrored from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/188453.user.css
Authordecembre
LicenseNo License
Categoryyoutube, widescreen
Created
Updated
Size200 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
For a Wide Screen and the YouTube new Design:
for a Wide Screen and the YouTube New Design:
Player stay fixed at the Left side.
Title on top video
Videos Related and in Queue / Playlist on the Right side
Infos, Comment, Live Chat" Tabs on the Right side (visible on hover their respective tabs)
so, you can watch the video and read infos / comments (by hovering their tabs) without problem.
Progress Bar is always visible
Support for no Dark mode.
Counter for comments really loaded And Number of videos in Queue /Playlist
Support for more Youtube pages (channels, playlist, etc..., Youtube Music )
Same version here:
Note :
►► Addons / userscripts support (They are recommended too):
"Youtube WideScreen (New Design Polymer)" support these Addons / userscripts:
NEW in TEST:
- GM "YouTube More Speeds" by ssssssander (2022)
- ADDON "PotPlayer YouTube Shortcut, Open Links" by HelgeApps (2022):
"Quickly play or add a Youtube video (playlist), video links to Potplayer"
PotPlayer infos:
A look at PotPlayer in 2020 Updated • Jan 12, 2021 [ghacks.net]
Install Official:
Global Potplayer [daum.net]
- ADDON "Clickbait Remover for Youtube" by Pieter van Heijningen (2022):
"Replaces thumbnails with a frame from the video, effectively removing any clickbait while still showing a high quality thumbnail so you can still get a good idea of what the video is about."
In the same idea:
- GM "YouTube Clickbait-Buster" by hjk789 (2022)
Principal Addons and Userscripts in use:
► Youtube Player:
► Progress Bar:
I use this one:
► Youtube Auto:
► Youtube Translate / Subtitle :
IN test (Request for PB with Greasemonkey 3.17 - OK Tampermonkey):
► Youtube Activity:
► Youtube Download:
► Youtube Music:
► Youtube: Age Verification Bypass:
► "Youtube WideScreen (New Design Polymer)" Seems working too with:
►► Change in > v.46:
/* ==UserStyle==
@name Youtube WideScreen (New Design Polymer) v.47.5
@namespace USO Archive
@author decembre
@description For a Wide Screen and the YouTube new Design: - Player stay fixed at the LEFT side. - Infos / Comments / Videos Related / Queue on the RIGHT side in TABS.
@version 20230727.18.24
@license NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("youtube.com"){
/* ==== 0- YouTube WideScreen (New Design Polymer) v.47.5 (new47.5) - TEST AutoUpdate - TEST TAbView (STABLE v. 1.8.51) ADAPT - FIX CY Fung FIX ==== */
#secondary-inner #donation-shelf:not(:empty):before,#secondary-inner #donation-shelf:not(:empty):hover:before{content:"€/$"!important;height:15px!important;text-align:center!important;z-index:500000000!important;position:fixed!important;font-size:10px!important}#right-tabs,.ytp-big-mode .ytp-chrome-controls .ytp-fullerscreen-edu-button.ytp-button{width:40%!important}.ytp-big-mode .ytp-gradient-bottom,.ytp-gradient-bottom,.ytp-gradient-top{background-image:none!important}#cinematics.ytd-watch-flexy,#htmlToothbrush #bodyToothbrush #page-manager.ytd-app.parentToothbrush #columns,#htmlToothbrush #bodyToothbrush #page-manager.ytd-app.parentToothbrush #ujs-hdr-links-div,#movie_player.html5-video-player.html5-video-player .annotation.annotation-type-custom.iv-branding,#movie_player.html5-video-player.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode .ytp-player-content.ytp-iv-player-content .html5-stop-propagation.iv-drawer-manager+.annotation.annotation-type-custom.iv-branding,#offer-module,#page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container~#columns #primary #primary-inner .watch-active-metadata #above-the-fold #description-and-actions,#page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container~#columns #primary #primary-inner .watch-active-metadata #above-the-fold #owner-and-teaser,#page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container~#columns #primary #primary-inner .watch-active-metadata #above-the-fold #super-title,#player #movie_player.html5-video-player.ytp-embed.playing-mode.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode .ytp-cued-thumbnail-overlay,#player #movie_player.html5-video-player.ytp-embed.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode .annotation.annotation-type-custom.iv-branding,#secondary ytd-engagement-panel-section-list-renderer[target-id=engagement-panel-comments-section][visibility=ENGAGEMENT_PANEL_VISIBILITY_HIDDEN] ytd-comments:before,.annotation-type-custom>div,.immersive-header-background-wrapper.ytd-playlist-header-renderer,.no-scroll #columns,.no-scroll>ytd-app[style*="--ytd-app-fullerscreen-scrollbar-width:12px;"] #columns.ytd-watch-flexy,.parentToothbrush .annotation.annotation-type-custom.iv-branding,.watch-active-metadata #above-the-fold+ytd-metadata-row-container-renderer.ytd-watch-metadata #always-shown,.yt-simple-endpoint.yt-formatted-string[href="/premium"],.ytd-page-manager:not([should-stamp-chat]) #comment-teaser.ytd-watch-metadata:not(:hover) #content,.ytp-big-mode .ytp-chapter-title.ytp-button.ytp-chapter-container-disabled,.ytp-cards-teaser,.ytp-chapter-title.ytp-button.ytp-chapter-container-disabled,.ytp-drawer-content,.ytp-drawer-open-button,[ytpc_cinema] #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container~#columns #primary #primary-inner .watch-active-metadata #above-the-fold #description-and-actions,[ytpc_cinema] #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container~#columns #primary #primary-inner .watch-active-metadata #above-the-fold #owner-and-teaser,div[class*=video-player]:not(:hover) div[class^=ytp-ce],div[class*=ytp-autohide] div[class^=ytp-ce],html:not(.floater):not(.iri-always-visible) .html5-video-player.ytp-embed:not(.ytp-fullscreen):not(.ytp-hide-controls) .html5-endscreen.ytp-player-content.videowall-endscreen.ytp-endscreen-paginate.ytp-show-tiles,html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info~#meta #meta-contents.ytd-watch-flexy[hidden] ytd-video-secondary-info-renderer,html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_] .watch-active-metadata.ytd-watch-flexy>#info #info-contents #info,html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_] .watch-active-metadata.ytd-watch-flexy>#info #primary-info #info,html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_] .watch-active-metadata.ytd-watch-flexy>#meta,iron-overlay-backdrop.opened,yt-tooltip-renderer[position-type=OPEN_POPUP_POSITION_BOTTOM],ytd-ad-slot-renderer,ytd-app[disable-upgrade=true],ytd-consent-bump-lightbox#consent-bump,ytd-watch-flexy[flexy] #primary #info~#meta #meta-contents.ytd-watch-flexy[hidden] ytd-video-secondary-info-renderer,ytd-watch-flexy[fullscreen] #ujs-hdr-links-div,ytd-watch-flexy[fullscreen] .annotation.annotation-type-custom.iv-branding,ytd-watch-flexy[theater] #above-the-fold .badge.badge-style-type-ypc.ytd-badge-supported-renderer,ytd-watch-flexy[theater] .annotation.annotation-type-custom.iv-branding,ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy #below .watch-active-metadata.ytd-watch-flexy #top-row.ytd-watch-metadata,ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy #below .watch-active-metadata.ytd-watch-flexy #top-row.ytd-watch-metadata+#bottom-row,ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #columns.ytd-watch-flexy #right-tabs #tab-videos.tab-content-cld.tab-content-hidden,ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #columns.ytd-watch-flexy #right-tabs #tab-videos.tab-content-cld.tab-content-hidden+#tab-list,ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #right-tabs .tab-content,ytd-watch-flexy[theater][flexy][flexy-enable-small-window-sizing][flexy-enable-large-window-sizing][is-four-three-to-sixteen-nine-video_][tabview-selection][is-two-columns_][flexy-large-window_][tabview-selection][tabview-youtube-comments].ytd-page-manager.hide-skeleton .annotation.annotation-type-custom.iv-branding{display:none!important}#secondary-inner #donation-shelf:not(:empty):not(:hover){position:fixed!important;display:inline-block!important;height:15px!important;line-height:15px!important;width:15px!important;margin:0 0 0 -20px!important;border-radius:100%!important;overflow:hidden!important;z-index:5000000000!important}#secondary-inner #donation-shelf:not(:empty):hover{position:fixed!important;display:inline-block!important;z-index:500000000!important;background:green!important}#secondary-inner #donation-shelf:not(:empty):before{display:inline-block!important;width:17px!important;border-radius:100%!important;opacity:.5!important;background:red!important}#secondary-inner #donation-shelf:not(:empty):hover:before{display:inline-block!important;width:25px!important;margin:0 0 0 -26px!important;border-radius:10px 0 0 10px!important;opacity:1!important;background:green!important;border:1px solid #ff0!important}#player.skeleton.flexy #player-wrap #player-api #movie_player .html5-video-container,.ytd-two-column-browse-results-renderer .ytd-channel-video-player-renderer #c4-player.html5-video-player.ytp-small-mode .video-stream.html5-main-video,.ytd-two-column-browse-results-renderer .ytd-channel-video-player-renderer .html5-video-player.ytp-small-mode .video-stream.html5-main-video{top:0!important}#player.skeleton.flexy #player-wrap #player-api #movie_player .html5-video-container .video-stream.html5-main-video{height:calc(.5625 * 100vw);max-height:calc(100vh - 185px)!important;min-height:70vh!important;min-width:99.85%!important;max-width:99.85%!important;left:0!important}#player.skeleton#player.skeleton,#player.skeleton.theater{height:calc(.5625 * 100vw);max-height:calc(100vh - 185px);min-height:480px;min-width:59.9%!important;max-width:59.9%!important;left:-20%!important}#watch-page-skeleton.watch-skeleton #info-container{position:fixed!important;display:inline-block!important;height:100%!important;max-height:18vh!important;min-height:18vh!important;width:100%!important;min-width:1156px!important;max-width:1156px!important;margin:0!important;bottom:0!important;left:8px!important;visibility:visible!important}#watch-page-skeleton.watch-skeleton #related{position:fixed!important;display:inline-block!important;height:100%!important;min-height:94vh!important;max-height:94vh!important;width:100%!important;min-width:37vw!important;max-width:37vw!important;margin:0!important;top:5vh!important;left:62vw!important;visibility:visible!important}#watch-page-skeleton.watch-skeleton #related>div{display:inline-block!important;width:35vw!important}#watch-page-skeleton{min-width:1154px!important;max-width:1154px!important;height:100px!important;left:-375px!important;bottom:0!important}#player.skeleton.flexy:not([hidden=""]){min-width:1154px!important;height:726px!important;left:-374px!important;top:-20px!important}#player.skeleton.flexy:not([hidden=""]) #player-wrap{width:1144px!important;height:712px!important;margin-left:-22px!important;margin-top:-20px!important}#player.skeleton.flexy:not([hidden=""]) #player-wrap #player-api{width:1142px!important;height:712px!important;top:0!important}.ytp-doubletap-ui-legacy[data-side=back]{position:absolute;bottom:0;left:0!important;top:0!important;overflow:hidden;z-index:19;color:#ddd}.ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-static-circle{position:ab...