Skip to content

Minimal YouTube Watch by jannismain

Screenshot of Minimal YouTube Watch

Details

Authorjannismain

LicenseCC0-1.0

Categoryyoutube

Created

Updated

Size3.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Right the YouTube algorithm, that tries to keep you longer than want. Reduces clutter and distractions on the YouTube watch page.

Notes

Hides...

  • Sidebar
  • Alerts & notification
  • Most header elements

Limitations

  • Only works when in theater mode (because it already sizes the video panel to full width for us)
  • Leaves black bars around the video, depending on viewport width (let me know if anyone knows how to fix this responsively)

Source code

/* ==UserStyle==
@name         Minimal YouTube Watch
@version      20230828.07.18
@namespace    userstyles.world/user/jannismain
@description  Right the YouTube algorithm, that tries to keep you longer than you would want. Reduces clutter and distractions on the YouTube watch page. NOTE: Only use in cinema-mode!
@author       jannismain
@license      CC0-1.0
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/watch") {
/* Hide the following elements completely */

#secondary,
#related,
#country-code,
#voice-search-button,

/* Notitication Icon */
.ytd-notification-topbar-button-renderer,

/* Create Button Link */
.ytd-topbar-menu-button-renderer > a,

/* Watch next sidebar */
#related.ytd-watch,

/* Comments */
/*ytd-comments,*/
/*#comment-teaser,*/

/* Watch next panel over the that has just finished */
.ytp-endscreen-content,

/* Suggesting videos whilst the current one is starting */
.ytp-cards-teaser,

/* Misc crap - Share, thumbs up/down, */
#menu-container .ytd-video-primary-info-renderer,

/* Dislike Button */
ytd-menu-renderer.ytd-watch-metadata > div:nth-child(1) > ytd-toggle-button-renderer:nth-child(2) > a:nth-child(1),

/* Includes paid promotion Reminder */
.ytp-paid-content-overlay,

/* Suggesting videos whilst current video is playing */
.ytp-ce-element-show.ytp-ce-bottom-left-quad {
    display: none;
}

/* Hide Menu Button */
#guide-button {
    z-index: -1
}

/* Advertising concert tickets */
#ticket-shelf {
    display: none;
}

/* Subscribe button */
#subscribe-button {
    display: none !important;
}

/* Home page videos */
.ytd-browse {
    display: none;
}

/* Home page sidebar */
#guide {
    display: none;
}

/* Alerts/notifications */
.notification-button-style-type-default {
    display: none;
}

/* The other icons */
ytd-topbar-menu-button-renderer yt-icon {
    display: none;
}

/* Subscriptions */
ytd-guide-section-renderer:nth-of-type(3) {
    display: none;
}

/* YouTube Red */
ytd-guide-section-renderer:nth-of-type(4) {
    display: none;
}

/* Trending */
ytd-guide-entry-renderer:nth-of-type(2) {
    display: none;
}

/* (i) in the top right */
.ytp-cards-button-icon-default {
    display: none;
}

/* Subscribe button with logo */
.annotation.annotation-type-custom.iv-branding {
    display: none;
}

/* Video annotations */
.annotation,
.video-annotations {
    display: none !important;
}

/* Hide scrollbar */
body:not(.style-scope)[standardized-themed-scrollbar]:not(.style-scope):not([no-y-overflow]):not(.style-scope)::-webkit-scrollbar {
    width: 0px;
}
/* Hide buttons below video */
#flexible-item-buttons {
	display: none;
}

/* hide anything in header other than search */
.ytd-masthead > #start,
.ytd-masthead > #end {
	opacity: 0%;
}

/* full-width bottom section */
ytd-watch-flexy[flexy][is-two-columns_][is-extra-wide-video_]:not([full-bleed-player][full-bleed-no-max-width-columns]):not([fixed-panels]) #primary.ytd-watch-flexy, ytd-watch-flexy[flexy][is-two-columns_][is-four-three-to-sixteen-nine-video_]:not([full-bleed-player][full-bleed-no-max-width-columns]):not([fixed-panels]) #primary.ytd-watch-flexy {
	max-width: none;
}
}

Reviews

No reviews yet.