Skip to content

Remove Video For Youtube Music by Ameer-Jamal

Screenshot of Remove Video For Youtube Music

Details

AuthorAmeer-Jamal

LicenseCC BY-ND 4.0

Categoryhttps://music.youtube.com/

Created

Updated

Size9.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

YouTube Music Transformer: Remove Video for Fluid Audio
Ever get annoyed that youtube music has a video? well remove it now and enjoy an audio only experience

Notes

Streamline Your Music Experience with Our No-Video User Style for YouTube Music

Immerse yourself in the pure essence of music with our specialized user style for YouTube Music. Designed to elevate your listening experience by focusing solely on the audio, this style is perfect for those who value the clarity and richness of music without the distraction of videos.

Key Features:

  • NEW Customizable width for youtube music : make it perfect for your screen!

  • NEW Volume bar always shows with customization : options to turn off or on for easy volume adjustment

Access customizable features through clicking stylus extension then clicking on the gear icon next to userstyle "Remove Video For Youtube Music", adjust and enjoy

  • No-Video Interface: We've removed the video playback from the YouTube Music interface, placing the focus squarely on the music. Enjoy an uninterrupted audio streaming experience.

  • Enhanced Audio Focus: Without videos, your listening experience becomes more immersive, allowing you to truly absorb the nuances and depths of each track.

  • Simplified Layout: The interface is decluttered, removing unnecessary visual elements to provide a cleaner, more straightforward navigation experience.

  • Improved Performance: With the video component removed, the app runs more smoothly, ensuring quicker load times and a more responsive user experience.

  • Customized Aesthetic: Though simplified, the interface retains a sleek and modern look, with a refined color palette that's easy on the eyes.

  • Broad Device Compatibility: Whether you're using a desktop, tablet, or mobile phone, this user style is optimized for seamless functionality across all devices.

Why Choose Our No-Video User Style?

  • Unadulterated Music Enjoyment: Experience music in its purest form, free from the visual distractions of music videos.

  • Ease of Use: Navigate your music library more efficiently with a streamlined interface.

  • Customize for Your screen : get the perfect fit for youtube music without video for your display

  • Resource-Friendly: Enjoy longer listening sessions without significant data or battery usage.

Source code

	/* ==UserStyle==
@name           YouTube Music Transformer: Remove Video for Fluid Audio
@namespace      ameer-jamal.github.io/
@version        1.1.0
@description  Transform YouTube Music into a more fluid and user-friendly music player NO MORE VIDEO. This script optimizes the layout to create a more focused and enjoyable music-listening experience.
@author         Ameer Jamal
@license        CC BY-ND 4.0
@preprocessor   less
@preprocessor   stylus
@var            checkbox customWidth "Custom Width?" 0
@var            number   widthOfYoutubeHomeScreen "Custom Main Width(%)"     ['%', 200, 1, null, 1]
@var            number   horizantalPaddingWidth "Custom horizantal padding width (px)"     ['px', 20, 0, null, 1]
@var            checkbox showVolume "Volume Always Visible?" 1
@var            checkbox showVolumePercentage "Show Volume percentage next to volume?"         1
@var            number   widthOfVolumeBar "Width of volume bar (px)"     ['px', 100, 1, null, 1]

==/UserStyle== */
	/*
 * License: Creative Commons Attribution-NoDerivatives 4.0 International (CC BY-ND 4.0)
 * 
 * You are free to:
 * - Share — copy and redistribute the material in any medium or format.
 * 
 * Under the following terms:
 * - Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made.
 *   You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
 * - No Derivatives — If you remix, transform, or build upon the material, you may not distribute the modified material.
 * - No Commercial Use
 * For the full license text, visit https://creativecommons.org/licenses/by-nd/4.0/
 * For any questions or concerns, please reach out to the original author.
*/
	@-moz-document regexp("https://music\\.youtube\\.com/.*") {
		:root {
			--scrollbar-gradient: linear-gradient(to top, #1a1a1a, #231212, #671717);
		}

		ytmusic-player-page:not([has-av-switcher]) #main-panel.ytmusic-player-page {
			display: none;
		}

		.content.ytmusic-player-page {
			padding: 0px;
		}

		ytmusic-tab-renderer#tab-renderer {
			overflow-x: scroll
		}

		ytmusic-player-queue-item {
			border-top: 1px dotted black;
		}

		@media (min-width: 2561px) {
			ytmusic-player-page {
				--ytmusic-player-page-content-gap: 10px !important;
			}

			ytmusic-tab-renderer#tab-renderer {
				width: 350% !important;
			}
		}


		@media (max-width: 2560px) {
			ytmusic-player-page {
				--ytmusic-player-page-content-gap: 10px !important;
			}

			ytmusic-tab-renderer#tab-renderer {
				width: 305% !important;
			}
		}

		@media (max-width: 2450px) {
			ytmusic-player-page {
				--ytmusic-player-page-content-gap: 10px !important;
			}

			ytmusic-tab-renderer#tab-renderer {
				width: 275% !important;
			}
		}

		@media (max-width: 1800px) {
			ytmusic-player-page {
				--ytmusic-player-page-content-gap: 10px !important;
			}

			ytmusic-tab-renderer#tab-renderer {
				width: 275% !important;
			}
		}


		@media only screen and (max-width: 1200px) {
			/*Tablets [601px -> 1200px]*/
			ytmusic-tab-renderer#tab-renderer {
				--ytmusic-player-page-content-gap: 30px !important;
				width: 270% !important;
			}
		}


		@media only screen and (max-width: 1149px) {
			/*Tablets [601px -> 1200px]*/
			ytmusic-tab-renderer#tab-renderer {
				--ytmusic-player-page-content-gap: 30px !important;
				width: 245% !important;
			}
		}

		@media only screen and (max-width: 935px) {
			/*Big smartphones [426px -> 600px]*/
			ytmusic-tab-renderer#tab-renderer {
				--ytmusic-player-page-content-gap: 30px !important;
				width: 105% !important;
			}
		}

		@media only screen and (max-width: 720px) {
			/*Big smartphones [426px -> 600px]*/
			ytmusic-tab-renderer#tab-renderer {
				--ytmusic-player-page-content-gap: 30px !important;
				width: 95% !important;
			}
		}

		@media only screen and (max-width: 600px) {
			/*Big smartphones [426px -> 600px]*/
			ytmusic-tab-renderer#tab-renderer {
				--ytmusic-player-page-content-gap: 30px !important;
				width: 90% !important;
			}
		}

		if customWidth {
			/*Apply custom width and gap for all screen sizes if custom width is checked*/
			@media only screen and (max-width: 999999px) {
				ytmusic-tab-renderer#tab-renderer {
					--ytmusic-player-page-horizontal-padding: 30px !important;
					width: widthOfYoutubeHomeScreen !important;
				}
			}

			ytmusic-player-page:not([is-mweb-modernization-enabled]) .content.ytmusic-player-page {
				--ytmusic-player-page-horizontal-padding: horizantalPaddingWidth !important;
				--ytmusic-player-page-vertical-padding: 0px !important;
				--ytmusic-player-page-content-gap: 10px !important;

				padding: var(--ytmusic-player-page-vertical-padding) var(--ytmusic-player-page-horizontal-padding) 0;
			}
		}

		/*********************************************************************************/
		/*Scroll Bars*/
		/* Hide the entire scrollbar by default */
		::-webkit-scrollbar {
			opacity: 0;
			transition: opacity 0.5s;
		}

		/* Show the entire scrollbar on hover over the body or any scrollable container */
		body:hover::-webkit-scrollbar,
		.scrollable-container:hover::-webkit-scrollbar {
			opacity: 1;
			margin-left: 5px;
		}

		/* The draggable scrolling handle */
		::-webkit-scrollbar-thumb {
			background: var(--scrollbar-gradient);
			border-radius: 41px;
		}


		/* The empty space “below” the scrollbar bar */
		::-webkit-scrollbar-track {
			background-color: transparent;
		}


		.logo.ytmusic-logo {
			display: block;
			width: 100px !important;
			content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMC42NTMgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDI0OyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiIGlkPSJzdHlsZTEiPgoJLnN0MHtmaWxsOiNGRjAwMDA7fQoJLnN0MXtmaWxsOiNGRjAwMDA7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjEuMjt9Cgkuc3Qye2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CiAgPGVsbGlwc2UgY2xhc3M9InN0MCIgY3g9IjEyLjIiIGN5PSIxMiIgcng9IjEyLjIiIHJ5PSIxMiIgaWQ9ImVsbGlwc2UxIi8+CiAgPGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9IjEyLjIiIGN5PSIxMiIgcng9IjcuMyIgcnk9IjcuMiIgaWQ9ImVsbGlwc2UyIi8+CiAgPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSI5LjcsMTUuNSAxNi4xLDEyIDkuNyw4LjUgIiBpZD0icG9seWdvbjIiLz4KICA8cGF0aCBkPSJtIDI5LjA2NTIsNC4zODAwMDAxIHYgLTEuMTE0MiBoIDAuMjQzIGwgMC4zMjQsMC42ODA0IDAuMzIyMiwtMC42ODA0IGggMC4yNDMgdiAxLjExNDIgaCAtMC4yNTAyIHYgLTAuNTY1MiBsIC0wLjIzNzYsMC41MjkyIEggMjkuNTUzIGwgLTAuMjM3NiwtMC41MjkyIHYgMC41NjUyIHogbSAxLjMxMDQwMiwtMC45IGggMC4yNDMgdiAwLjUyMiBxIDAsMC4wOSAwLjAzMDYsMC4xMzE0IDAuMDMyNCwwLjAzOTYgMC4xMDI2LDAuMDM5NiAwLjA2ODQsMCAwLjA5OSwtMC4wMzk2IDAuMDMyNCwtMC4wNDE0IDAuMDMyNCwtMC4xMzE0IHYgLTAuNTIyIGggMC4yNDMgdiAwLjUyMiBxIDAsMC4xOTI2IC0wLjA5NTQsMC4yOTM0IC0wLjA5NTQsMC4xMDA4IC0wLjI4MDgsMC4xMDA4IC0wLjE4MzYsMCAtMC4yNzksLTAuMTAwOCAtMC4wOTU0LC0wLjEwMDggLTAuMDk1NCwtMC4yOTM0IHogbSAwLjg2NTgwMSwwLjgwMSAwLjA4NjQsLTAuMTkyNiBxIDAuMDcwMiwwLjA1NCAwLjEyMDYsMC4wNzM4IDAuMDUwNCwwLjAxOCAwLjExODgsMC4wMTggMC4xMTUyLDAgMC4xMTUyLC0wLjA2NjYgMCwtMC4wMjcgLTAuMDI4OCwtMC4wNDY4IC0wLjAyODgsLTAuMDE5OCAtMC4xMDI2LC0wLjA0NSAtMC4xMjQyLC0wLjA0MzIgLTAuMTc4MiwtMC4wODQ2IC0wLjA5NTQsLTAuMDcwMiAtMC4wOTU0LC0wLjE5NjIgMCwtMC4xMjYgMC4wOSwtMC4yMDE2IDAuMDksLTAuMDc1NiAwLjIzOTQsLTAuMDc1NiAwLjE2OTIsMCAwLjI4OTgsMC4wOSBsIC0wLjA4NjQsMC4xOTQ0IHEgLTAuMDk5LC0wLjA2NjYgLTAuMTk5OCwtMC4wNjY2IC0wLjA5LDAgLTAuMDksMC4wNTc2IDAsMC4wMjM0IDAuMDIzNCwwLjAzOTYgMC4wMjM0LDAuMDE0NCAwLjA5NTQsMC4wMzc4IDAuMTU4NCwwLjA1MDQgMC4yMjMyLDAuMTE4OCAwLjA2NjYsMC4wNjY2IDAuMDY2NiwwLjE3NDYgMCwwLjEzMzIgLTAuMDk1NCwwLjIxMDYgLTAuMDkzNiwwLjA3NTYgLTAuMjU3NCwwLjA3NTYgLTAuMTk5OCwwIC0wLjMzNDgsLTAuMTE1MiB6IG0gMS4xNTczOTcsMC4xMDYyIGggLTAuMDcwMiBxIC0wLjEzODYsMCAtMC4yMDE2LC0wLjA2NDggLTAuMDYxMiwtMC4wNjQ4IC0wLjA2MTIsLTAuMjEyNCB2IC0wLjYzIGggMC4yNDMgdiAwLjYxMzggcSAwLjAwMTgsMC4wMzc4IDAuMDA3MiwwLjA1MDQgMC4wMDcyLDAuMDEyNiAwLjAyODgsMC4wMTI2IGggMC4wNTQgeiBtIC0wLjIxMDYsLTEuMjgxNiBxIDAuMDU5NCwwIDAuMDk5LDAuMDQxNCAwLjA0MTQsMC4wMzk2IDAuMDQxNCwwLjA5OSAwLDAuMDYxMiAtMC4wNDE0LDAuMTAyNiAtMC4wMzk2LDAuMDM5NiAtMC4xMDA4LDAuMDM5NiAtMC4wNjEyLDAgLTAuMTAwOCwtMC4wMzk2IC0wLjAzOTYsLTAuMDM5NiAtMC4wMzk2LC0wLjEwMDggMCwtMC4wNjEyIDAuMDM5NiwtMC4xMDA4IDAuMDQxNCwtMC4wNDE0IDAuMTAyNiwtMC4wNDE0IHogbSAxLjA1Mjk5OSwwLjQ4MDYgLTAuMTA5OCwwLjE3ODIgcSAtMC4xMTM0LC0wLjA3OTIgLTAuMjA4OCwtMC4wNzkyIC0wLjA4NjQsMCAtMC4xMzY4LDAuMDY2NiAtMC4wNDg2LDAuMDY0OCAtMC4wNDg2LDAuMTggMCwwLjExNyAwLjA0ODYsMC4xOCAwLjA1MDQsMC4wNjMgMC4xNDQsMC4wNjMgMC4wNTk0LDAgMC4xMDYyLC0wLjAxOCAwLjA0NjgsLTAuMDE4IDAuMTExNiwtMC4wNjY2IGwgMC4xMDk4LDAuMTc4MiBxIC0wLjA4NDYsMC4wNzIgLTAuMTYwMiwwLjEwMDggLTAuMDc1NiwwLjAyNyAtMC4xODM2LDAuMDI3IC0wLjE5OCwwIC0wLjMxMTQsLTAuMTIyNCAtMC4xMTE2LC0wLjEyMjQgLTAuMTExNiwtMC4zNDAyIDAsLTAuMjE2IDAuMTEzNCwtMC4zNDIgMC4xMTUyLC0wLjEyNzggMC4zMDk2LC0wLjEyNzggMC4wOTksMCAwLjE3MSwwLjAyNyAwLjA3MzgsMC4wMjcgMC4xNTY2LDAuMDk1NCB6IiBpZD0idGV4dDMiIHN0eWxlPSJmb250LXdlaWdodDo3MDA7Zm9udC1zaXplOjEuOHB4O2ZvbnQtZmFtaWx5OidZb3VUdWJlIFNhbnMnO3doaXRlLXNwYWNlOnByZTtmaWxsOiNmZmZmZmYiIHRyYW5zZm9ybT0ibWF0cml4KDE3LjA1ODA4MywgMCwgMCwgMTcuMDU4MDgzLCAtNDY3LjAwMTEyOSwgLTUzLjAyODQ3MykiIGFyaWEtbGFiZWw9Ik11c2lj4oCLIi8+Cjwvc3ZnPg==") !important;
		}




		if showVolume {
			.volume-slider.ytmusic-player-bar {
				opacity: 1;
			}
		}

		.volume-slider.ytmusic-player-bar, .expand-volume-slider.ytmusic-player-bar {
			width: widthOfVolumeBar;
			if showVolume {
				pointer-events: auto;
			}
		}

		#right-controls {
			width: auto !important;
		}

		if showVolumePercentage {
			.volume-slider.ytmusic-player-bar::before {
				content: "\27EA "attr(aria-valuenow) "%""\27EB ";
				font-size: 15px;
				position: absolute;
				left: -50px;
				color: #BABABA;
			}
		}
	}

Reviews

No reviews yet.