So eine Seite meiner Website ist ziemlich Video schwer. Es hat eine große als Hintergrund und wie ~ 4 kleine in Kisten. In Chrome funktioniert das wunderbar und ohne Probleme. Aber in Firefox ist es lückig und macht die gesamte Oberfläche frustrierend, mit zu arbeiten.
Nun, ich vermute, das könnte daran liegen, dass Firefox die GPU nicht verwendet, aber ich bin natürlich nicht sicher, es könnte auch der Code sein.Video verursacht Firefox zu verzögern?
Im mit mp4 Videos. Dies ist der Code:
.video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1;
opacity:0.2;
transform: translateX(-50%) translateY(-50%);
}
<video loop muted autoplay poser="bootstrap/img/lp_header.png" class="video">
<source src="bootstrap/video/game_hub_bg2.webm" type="video/webm">
</video>
'Ich vermute, dies könnte aufgrund der Tatsache, dass Firefox die GPU nicht verwendet wird '. Du liegst falsch. Gehen Sie zu Optionen> Erweitert> Allgemein> Browsing> Aktivieren (Häkchen) "Hardwarebeschleunigung verwenden, wenn verfügbar". –
Erwägen Sie, Ihre Videos durch Bildplatzhalter zu ersetzen, die nach dem Klicken dynamisch durch Video ersetzt werden. –
Die genauen Eigenschaften der Hardwarebeschleunigung hängen vom Betriebssystem, der Firefox-Version, der verfügbaren Hardware und einigen experimentellen Optionen in about: config ab. AIUI gibt es einige Optimierungen für opake Schichten. Wenn Sie also einen anderen Wert für die Deckkraft als 1 festlegen, könnte dies die Ursache sein. – the8472