Chrome Html5-Video kann nicht weiß angezeigt werden, hat einen grauen Hintergrund
Wir haben eine Intro-Seite, auf der ein html5-Video abgespielt wird, bevor der Inhalt der Hauptseite angezeigt wird. Das Video hat einen weißen Hintergrund und integriert sich nahtlos in den Seitenhintergrund. Im Chrome-Browser ist das gesamte Video jedoch grau hinterlegt.
Offenbar deuten diese Fragen aus dem Jahr 2011 darauf hin, dass es sich um einen Chromfehler handelt. Sie sagen auch, dass der Bug im neuesten Chrome-Update verschwunden war. Allerdings habe ich die neueste Chromversion, 27.0.1453.110 m, heruntergeladen und das Problem ist immer noch da?
html 5- Videos - Weiß wird in Chrome abgewaschen
Unerwünschte Hintergrundfarbe / Artefakt auf HTML5-Video-Tag
Hat jemand eine Lösung oder einen Workaround für dieses Problem? ... Dieser Fehler macht unser gesamtes Projekt unbrauchbar ... Es scheint mir unglaublich, dass Chrome trotz des html5-Hypes seit 2011 kein Weiß mehr in Videos spielen kann ??
....... EDIT ....................................... .............
Ok, ich habe ein jsfiddle-Projekt erstellt: Ссылка
%Vor%Wenn Sie mit Chrome angezeigt werden, sehen Sie den grauen Hintergrund
....... EDIT 2 ..................................... .............
benutze pandavengers antwort, ich habe diese css hinzugefügt, die ein akzeptables ergebnis hat:
%Vor%2 Antworten
Hier ist eine einfache Lösung, ich habe einfach die Helligkeit mit einem Webkit-Filter erhöht. Ich wollte es auf die Leinwand zeichnen und dann die Pixel filtern, die viel glatter sein sollten, aber ich kann nicht über Cross-Domains auf dein Video zugreifen. Stattdessen habe ich nur den CSS-Stil verwendet
%Vor%Bearbeiten: Dies wurde auf der neuesten Version von Chrome, glaube ich, behoben.
Ich hatte ähnliche Probleme mit Hintergründen in Browsern verschiedener Anbieter. Dunkler Hintergrund in Firefox auf Windows und Chrome auf Mac.
Ich habe am Ende zwei Versionen des Videos erstellt
WebM - & gt; Nicht IE mp4 - & gt; Alle IE
Und dann legen Sie die Video-Bestellung mit bedingten Kommentaren
%Vor%Tags und Links html5 google-chrome webkit html5-video