Il video Chrome Html5 non può essere visualizzato in bianco, con sfondo grigio

Abbiamo una pagina di introduzione che riproduce un video html5 prima che venga visualizzato il contenuto del sito principale. Il video ha uno sfondo bianco in modo che si integri perfettamente con lo sfondo della pagina. Tuttavia, nel browser chrome l'intero video ha uno sfondo grigio.Il video Chrome Html5 non può essere visualizzato in bianco, con sfondo grigio

A quanto pare, queste domande del 2011 indicano che questo era/è un bug in cromo. Inoltre affermano che il bug era sparito nell'ultimo aggiornamento di Chrome. Tuttavia, ho scaricato l'ultima versione di Chrome, 27.0.1453.110 m, e il problema è ancora lì?

html 5- Videos - White is washed off in Chrome

Unwanted Background color/artifact on HTML5 Video Tag

enter image description here

Qualcuno ha qualche soluzione o soluzione per questo problema? ... Questo bug rende inutile il nostro intero progetto ... Mi sembra incredibile che, nonostante l'html5, Chrome non possa riprodurre i bianchi nei video dal 2011 ??

....... MODIFICA ...................................... ..............

Ok, ho creato un progetto jsfiddle: 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>

Se vista con Chrome, vedrete lo sfondo grigio

........ EDIT 2 ...................................... ............

utilizzando pand risposta vendicatori, ho aggiunto css, che ha un risultato accettabile:

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

fonte

2013-06-07 Run CMD

Can si imposta nuovo jsfiddle? – vitozev

Ciao Kristian, ho creato il progetto jsfidlle ... –

Grazie, ma il video non verrà caricato qui ... puoi controllare? – vitozev

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

Ecco una soluzione semplice, semplicemente alzato la luminosità utilizzando un filtro webkit. Stavo per disegnarlo su tela e quindi filtrare i pixel, che dovrebbero essere molto più fluidi, ma non posso accedere al tuo video attraverso i domini incrociati. Invece ho appena usato lo stile css

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

Edit: Questo è stato risolto sulla più recente versione di Chrome credo.

fonte

2013-06-07 13:16:31 pandavenger

Ho preso uno screenshot e poi ho usato Paint per leggere i valori RGB e sono relativamente vicini (+/- 1) ai valori previsti – pandavenger

Questo funziona! Grazie pandavenger! :-) –

potresti voler creare Javascript per verificare che il browser sia Chrome e non altro e POI applicare il filtro, il mio esempio è solo un esempio estremamente semplificato – pandavenger

Ho avuto problemi simili con gli sfondi nei browser di più fornitori. Sfondo scuro in firefox su windows e chrome su mac.

ho finito per creare 2 versioni del video

WebM -> Non IE mp4 -> Tutti IE

e quindi impostare l'ordinamento video utilizzando i commenti condizionali

<!--[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]-->

fonte

2013-12-04 16:12:55

Il video Chrome Html5 non può essere visualizzato in bianco, con sfondo grigio

risposta

Problemi correlati