2013-06-07 6 views
8

Mamy stronę intro, która odtwarza wideo HTML5 przed wyświetleniem głównej zawartości witryny. Wideo ma białe tło, więc bez problemu integruje się z tłem strony. Jednak w przeglądarce Chrome cały film ma szare tło.Film Chrome Html5 nie może wyświetlać się na biało, ma szare tło.

Podobno te pytania z 2011 r. Wskazują, że był/jest błędem w chromie. Podają także, że błąd nie był dostępny w najnowszej aktualizacji chrome. Jednak pobrałem najnowszą wersję chrome, 27.0.1453.110 m, a problem nadal występuje?

html 5- Videos - White is washed off in Chrome

Unwanted Background color/artifact on HTML5 Video Tag

enter image description here

Czy ktoś ma jakieś rozwiązanie lub obejście tego problemu? ... Ten błąd sprawia, że ​​cały nasz projekt jest bezużyteczny ... Wydaje mi się niewiarygodne, że pomimo html5 hype, chrome nie może odtwarzać białych w filmach od 2011 roku?

....... EDYCJA ...................................... ..............

Ok, I utworzeniu jsfiddle projekt: http://jsfiddle.net/Ykmya/5/

<body> 
<video id="introVideo" width="774" height="400" oncanplay="playIntroVideo()"> 
    <source src="http://users.telenet.be/A-I/ChromeBugTest.mp4" type="video/mp4" /> 
    Uw browser ondersteunt geen html5 video 
</video> 
</body> 

Patrząc z Chrome, pojawi się szare tło

........ EDYCJA 2 ...................................... ............

za pomocą pand Odpowiedź Avengers, dodałem to CSS, który ma akceptowalny wynik:

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    video{ -webkit-filter: brightness(108.5%); } 
} 
+0

Można ustawić nowy jsfiddle? – vitozev

+0

Cześć Kristian, stworzyłem projekt jsfidlle ... –

+0

Dzięki, ale wideo nie zostanie załadowane tutaj ... czy możesz to sprawdzić? – vitozev

Odpowiedz

8

http://jsfiddle.net/Ykmya/8/

Oto prosty fix, po prostu podniósł jasność przy użyciu filtra WebKit. Miałem zamiar narysować to na płótnie, a następnie filtrować piksele, które powinny być znacznie płynniejsze, ale nie mogę uzyskać dostępu do wideo za pośrednictwem wielu domen. Zamiast tego po prostu użyłem stylu css

video{ 
    -webkit-filter: brightness(108.5%); 
} 

Edytuj: zostało to naprawione w najnowszej wersji Chrome.

+0

Zrobiłem zrzut ekranu, a następnie użyłem programu Paint do odczytania wartości RGB i są one stosunkowo blisko (+/- 1) do zamierzonych wartości – pandavenger

+0

To działa! Dzięki Pandavenger! :-) –

+0

możesz chcieć stworzyć JavaScript, aby sprawdzić, czy przeglądarka jest Chrome, a nie cokolwiek innego, a następnie zastosować filtr, mój przykład jest po prostu bardzo uproszczonym przykładem. – pandavenger

0

Miałem podobne problemy z tłem w przeglądarkach od wielu dostawców. Ciemne tło w firefoxie na windows i chrome na mac.

skończyło się tworząc 2 wersje filmu

WebM -> dla IE mp4 -> All IE

a następnie ustawić kolejność wideo przy użyciu komentarzy warunkowych

<!--[if !IE]><!--> 
    <source src="Content/Video/1.webmsd.webm" /> 
    <source src="Content/Video/1.mp4" /> 
<!--<![endif]--> 
<!--[if IE]><!--> 
    <source src="Content/Video/1.mp4" /> 
    <source src="Content/Video/1.webmsd.webm" /> 
<!--<![endif]--> 
Powiązane problemy