Skip to content

Instantly share code, notes, and snippets.

@Gholamrezadar
Last active November 9, 2025 09:54
Show Gist options
  • Select an option

  • Save Gholamrezadar/28a7b0f295b2f0dc6dc876be3c892661 to your computer and use it in GitHub Desktop.

Select an option

Save Gholamrezadar/28a7b0f295b2f0dc6dc876be3c892661 to your computer and use it in GitHub Desktop.
Hide youtube's annoying UI elements
.ytp-bezel-text-hide {
opacity: 0;
}
ytp-progress-bar-container, .ytp-chrome-controls {
opacity: 0.0;
transition: all 0.3s;
}
ytp-progress-bar-container:hover, .ytp-chrome-controls:hover {
opacity: 0.75;
}
.ytp-progress-bar-container {
opacity: 0.0;
transition: all 0.3s;
}
.ytp-progress-bar-container:hover {
opacity: 0.75;
transition: all 0.3s;
}
@Gholamrezadar
Copy link
Author

Gholamrezadar commented Nov 9, 2025

  • Hides the Giant Play/Pause button everytime you pause
  • reveals the controls only on hover

Use with CSS Inject Extension: https://chromewebstore.google.com/detail/css-inject/faibaacflblbomlgemniiegenfkjhopj

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment