Youtube-Video mit weißem Rand im Vollbildmodus

NoNameNeeded

Das Problem steht schon in der Beschreibung.

Wenn ich ein Youtube-Video in den Vollbildmodus versetze, dann habe ich rings um das Video einen sehr dünnen aber sichtbaren weißen Rand, nur oben fehlt dieser weiße Rand.

Keine Ahnung wofür das gut sein soll, ich brauche den Rand jedenfalls nicht.

Ist das wieder ein Versuch von Google den letzten noch verbliebenen Nicht-Chrome-Browser aus dem Weg zu räumen oder liegt es an irgendeiner Einstellung in Firefox?

Was mir außerdem auffällt ist, dass die Bedienelemente (Play, Pause, usw...) ungewöhnlich groß sind.

Größer als in Chrome oder Waterfox Classic.

Ist das Teil des Problems oder nur Zufall?

grisu2099

Hm, ich habe hier keinen Rand.

Allerdings nutze ich auch Windows11 und kein veraltetes, unsicheres Win7...

Sören Hentzschel

Hallo,

bitte nenne den Video-Link (nicht jedes Video hat das gleiche Format!) und mache einen Screenshot, der das Problem zeigt.

NoNameNeeded

Es betrifft bis jetzt jedes Video das ich geöffnet habe.

Screenshot hilft leider nicht so viel, da diese Ränder auf dem Screenshot kaum zu sehen sind, nur auf der rechten Seite sieht man ein bisschen etwas.

Auf der linken und unteren Seite hab ich mal mit Paint nachgeholfen...

Sören Hentzschel

Zitat von NoNameNeeded

Es betrifft bis jetzt jedes Video das ich geöffnet habe.

Und woher soll ich jetzt wissen, welche Videos du geöffnet hast?

Zitat von NoNameNeeded

Auf der linken und unteren Seite hab ich mal mit Paint nachgeholfen...

Es ist nicht der Sinn eines Screenshots, der ein Problem zeigen soll, dass du genau die Stellen, um die es geht, nachmalst…

Wie sieht es denn im Fehlerbehebungsmodus von Firefox aus?

Probleme analysieren im Fehlerbehebungsmodus von Firefox | Hilfe zu Firefox

NoNameNeeded

Wie gesagt, es betrifft scheinbar jedes Video.

Hier aber ein Link:

Externer Inhalt www.youtube.com

Inhalte von externen Seiten werden ohne deine Zustimmung nicht automatisch geladen und angezeigt.

Durch die Aktivierung der externen Inhalte erklärst du dich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

Und ja, gerade weil es nicht so viel bringt habe ich ursprünglich auch keinen Screenshot eingestellt, immerhin sieht man aber an der rechten Seite ein bisschen das Problem. An den anderen Seiten muss man sich den Rand dazudenken (damit's leichter fällt habe ich mit Paint etwas nachgeholfen).

Der Tipp mit dem Fehlerbehebungsmodus war allerdings gut.

Das Problem taucht da nicht auf.

Muss man mal sehen woran's liegt (Addon, whatever...)

Also ich melde mich dann noch mal wenn ich etwas finde oder eben nicht.

AngelOfDarkness

Ich tippe auf die Hardwarebeschleunigung der Grafikkarte. Deaktiviere diese mal gezielt und dann nutzte den normalen Modus vom Firefox wieder.

Sören Hentzschel

Und wenn sich der Verdacht der Hardwarebeschleunigung bestätigt, prüfe, ob es ein Update für den Grafikkarten-Treiber gibt. Falls ja, bitte installieren, Hardwarebeschleunigung wieder aktivieren und erneut testen (Neustart von Firefox ist jeweils erforderlich).

NoNameNeeded

Danke für eure Antworten, Hardwarebeschleunigung war's schon mal nicht, sondern eine css-Datei im chrome-Ordner.

Jetzt ist nur die Frage, was genau bei diesen Einstellungen ist es, was den Fehler verursacht?
Hat da jemand eine Idee?

CSS

/* TABS: height */
*|*:root {
--menubar-height: 32px;
--bookmarkbar-height: 18.3px;
--tabbar-top: calc(var(--menubar-height) + var(--bookmarkbar-height) + var(--tab-min-height) + 8px); /*89+*/
}
/*
:root {
 --tab-min-height: 28px !important;
}
:root #tabbrowser-tabs {
 --tab-min-height: 20px !important;
}*/

#nav-bar:not(:-moz-lwtheme) {
  margin-top: 1px !important;
background-color: inherit !important;
 background-image: url("image/xtop.png") !important;
  background-position: left bottom; 
  padding: 0 !important;
  border: 2px solid !important;
  border-top: 2px solid !important;
  border-left: 7px solid !important;
  border-image: url("image/toolbar_handle_top.png") !important;
  border-image-slice: 2 2 2 7 !important;
height: 55px !important;

}

toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
  -moz-appearance: none !important;
  background-color: inherit  !important;
  background-image: url("image/bottom.png") !important;
  padding: 1px !important;
  border: 2px solid !important;
  border-left: 7px solid !important;
  border-top: 0px !important;
  border-image: url("image/toolbar_handle.png") !important;
  border-image-slice: 2 2 2 7 !important; }

#main-window[uidensity="compact"] toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
  margin-bottom: 0px !important;
}

#toolbar-menubar {
  -moz-appearance: none !important;
  background-color: #c0c0c0 !important;
  padding: 0px !important;
  padding-left: 2px !important;
  border: 2px solid !important;
  border-left: 7px solid !important;
  border-right: 43px solid !important;
  border-bottom: 0px !important;
  border-image: url("image/menu_bar_handle.png") !important;
  border-image-slice: 2 43 2 7 !important; }

#main-window[tabsintitlebar="true"] #toolbar-menubar {
  border: none !important;
  height: 100% !important;
  background-image: linear-gradient(to right, #000060,#A1C4E9) !important;
} 

#main-window[tabsintitlebar="true"] #toolbar-menubar .menubar-text {
  color: #fff !important;
}

#TabsToolbar .titlebar-buttonbox-container {
  visibility: collapse !important;

}

#browser {
   border: solid !important;
   padding: 0px !important;
   margin-top: -1px !important;
   border-width: 2px 2px 2px 2px !important;
   border-image: url("image/combobox.png") !important;
   border-image-slice: 2 2 2 2 !important; 
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
}


#TabsToolbar {-moz-box-ordinal-group:1000!important}

#TabsToolbar {
  display: block !important;
  position: absolute !important;
  top: var(--tabbar-top) !important;
  width: 100vw !important;
  -moz-appearance: none !important;
  /*background-image: url("image/bottom.png") !important;*/
  background-color: inherit !important;
  border: 2px solid !important;
  border-left: 7px solid !important;
  border-top: 2px !important;
  border-image: url("image/toolbar_handle.png") !important;
  padding: 0px !important;
  padding-left: 0px !important;
  border-image-slice: 2 2 2 7 !important;
  height: 28px !important;
}

#tabbrowser-tabs, #tabbrowser-tabs .toolbar-items {
  margin-top: -4px !important;
  border: 0px solid !important;
  border-right: 8px solid !important;
  border-image: url("image/tabs_handle.png") !important;
  border-image-slice: 1 8 2 2 !important; 
  width: 100vw !important;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

Alles anzeigen

DonnerDrachen

da sich keiner von den fachleuten meldet...

nimm mal

border: solid !important;

raus

(ich habe es mit FF-91.6.0esr getestet - so ging dieser rahmen zumindest bei mir weg)

NoNameNeeded

Ok, hat bei mir auch geklappt.

Super!
Man dankt!

Youtube-Video mit weißem Rand im Vollbildmodus

Ähnliche Themen

Bild-in-Bild - Einstellung der Fenstergröße

Firefox 95.0 - TABs springen wild umher !

Anpassungen wegen Proton