2016-05-12 10 views
0

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>

+0

'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". –

+0

Erwägen Sie, Ihre Videos durch Bildplatzhalter zu ersetzen, die nach dem Klicken dynamisch durch Video ersetzt werden. –

+0

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

Antwort

-2

Es gibt nicht ein Code-able Lösung dieses Problems, jedoch gibt es einige Alternativen.

  1. Verringern Sie Ihre Dateigröße, verwenden Sie Javascript können Sie eine niedrigere Qualität Video auf Firefox nennen (kein Beispiel, da das ist nicht, was die Frage gestellt hat).
  2. Beschränken Sie Ihre Website für Chrome verwenden, das ist eine codefähige Lösung.
  3. Holen Sie sich einen besseren Computer.
  4. Aktivieren Sie Firefox, um die GPU zu verwenden, indem Sie den Mauszeiger über Optionen> Erweitert> Allgemein> Browsing> Tick aktivieren bewegen. (@Marcos Perez Gude in den Kommentaren diese Alternative zur Verfügung gestellt, shoutout zu Ihnen).
+1

"* Beschränken Sie Ihre Website für Chrome verwenden, das ist eine codefähige Lösung. *" - Das ist ziemlich benutzerfreundlich beraten zu geben. Hast du nichts aus dem ** "Works best on IE6" ** mal gelernt? – the8472

Verwandte Themen