Schwarzer oberer Rand bei YouTube

Das ist doch schon eine ganze Weile so.
Und mit dem Firefox hat das mal gar nichts zu tun.

Das stört mich auch manchmal. Unter Vivaldi löst das bei mir irgendein Add On (zum Ausblenden etwas - "Hovern"). Wär schön wenn es bei Firefox auch irgendwie geht (Add On, Skript, Stylish, ...)

Na klar, mit einem Tool wie Stylus oder Stylish geht das sicher. :wink:
Entweder die Farbgebung anpassen:

#masthead {
--yt-swatch-primary: rgb(255, 255, 255) !important;
--yt-swatch-primary-darker: rgb(255, 255, 255) !important;
--yt-swatch-text: rgb(0, 0, 0) !important;
--yt-swatch-important-text: rgb(0, 0, 0) !important;
--yt-swatch-input-text: rgb(0, 0, 0) !important;
--yt-swatch-textbox-bg: rgb(255, 255, 255) !important;
--yt-swatch-logo-override: rgb(255, 255, 255) !important;
--yt-swatch-icon-color: rgba(136,136,136,1) !important;
--yt-searchbox-background: rgb(255, 255, 255) !important;
--yt-searchbox-text-color: rgb(0, 0, 0) !important;
--ytd-searchbox-legacy-button-color: rgb(0, 0, 0) !important;
}

Oder ganz radikal die ganze Leiste verschwinden lassen:

#masthead {
display: none !important;
}

Ginge sowas wie Display on Hover? Man will ja manchmal doch noch rankommen.

Geht auch. Der Platz oben bleibt dann halt bestehen..

#masthead {
    opacity: 0 !important;
}


#masthead:hover {
    opacity: 1 !important;
}

Edit: Geht auch mit Höhenbegrenzung:

#masthead {
    opacity: 0 !important;
	height: 0px !important;
}


#masthead:hover {
    opacity: 1 !important;
	height: 56px !important;
}

Danke vielmals, kann man das in die UserContent.css dabeischreiben z.B. so:

@-moz-document url-prefix(https://www.youtube.com/){


#masthead {
    opacity: 0 !important;
}


#masthead:hover {
    opacity: 1 !important;
}


}

Zitat von Skynet

Danke vielmals, kann man das in die UserContent.css dabeischreiben z.B. so:

Bitteschön.

Für Webseiten nehme ich persönlich halt lieber Stylus.
Sollte aber passen. Probier`s einfach aus... :wink:

Anmerkung: Seite von einem bekannten Youtuber.

Klappt nicht so ganz (Ausblenden klappt, aber oberer Rand bleibt bestehen, "height" bezieht sich nur auf die "Hoverfläche" wie es scheint und unten verschwindet die Überschrift)

#masthead {
    opacity: 0 !important;
    height: 5px !important;
}


#masthead:hover {
    opacity: 1 !important;
    height: 55px !important;
}

Edit: Code einfach in das Add On "Stylish" rein kopiert und zu Experimentierzwecken ganz leicht abgeändert.

Bitte aufs Bild klicken um GIF abzuspielen wenn notwendig.

[attachment=0]Gif.gif[/attachment]

Kann man das irgendwie ins Forum "Anpassungen" verschieben. Mittlerweile passt es hier nicht mehr so ganz rein.

Edit: Es klappt doch bei genauerem hinsehen. Nur das Banner auf der Übersichtsseite bleibt mittig stehen und verfälscht so die Ansicht. Beim Video abspielen funktioniert es hervorragend.