Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Select an option

  • Save cyrillkuettel/3a73a92c6962cba38262fa3982ca7f58 to your computer and use it in GitHub Desktop.

Select an option

Save cyrillkuettel/3a73a92c6962cba38262fa3982ca7f58 to your computer and use it in GitHub Desktop.

Hide Spotify Video Canvas Animations in Firefox

This helps to disable the worst feature ever created.

Does userContent.css bypass CSP?

Yes. userContent.css applies directly to the rendered page after all security checks. userContent.css is invisible to the page's JavaScript — no way to detect or counter it.

Setup

  1. Navigate to about:support → "Profile Folder" → "Open Folder"
  2. Create chrome folder (if missing)
  3. Create chrome/userContent.css with:
/*! Bye Bye video! ╭ᥥ╮ */
@-moz-document domain("open.spotify.com") {
    video[loop][autoplay],
    video[src^="blob:"] {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

Go to about:config, set toolkit.legacyUserProfileCustomizations.stylesheets to true Restart Firefox

Why This Works

  • userContent.css is applied by the browser itself, not injected by extensions
  • Cannot be blocked by website security policies
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment