Хром Html5 Видео не может отображать белый, имеет серый фон

У нас есть вступительная страница, которая воспроизводит видео html5 перед отображением основного содержимого сайта. Видео имеет белый фон, поэтому оно интегрируется с фоном страницы. Однако, в браузере Chrome все видео имеет серый фон.

по-видимому, эти вопросы с 2011 года указывают, что это была/есть ошибка в chromium. Они также заявляют, что ошибка исчезла в последнем обновлении chrome. Тем не менее, я загрузил последнюю версию chrome, 27.0.1453.110 m, и проблема все еще существует?

html 5-видео-белый смывается в Chrome

Нежелательный цвет фона / артефакт на HTML5 video Tag

enter image description here

у кого-нибудь есть решение или обходной путь для этой проблемы ? ... Эта ошибка делает весь наш проект бесполезным ... Мне кажется невероятным, что, несмотря на шумиху html5, chrome не может воспроизводить белые видео с 2011 года ??

....... РЕДАКТИРОВАТЬ ....................................................

Ok, Я создал проект 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>

при просмотре в Chrome, вы увидите серый фон

........ Правка 2 ..................................................

используя ответ pandavengers, я добавил этот css, который имеет приемлемый результат:

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

2 ответов


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

вот простое исправление, я просто увеличил яркость с помощью фильтра webkit. Я собирался нарисовать его на холсте, а затем отфильтровать пиксели, что должно быть намного более плавным, но я не могу получить доступ к вашему видео через кросс-Домены. Вместо этого я просто использовал стиль CSS

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

Edit: это было исправлено в последней версии Chrome, я считаю.


У меня были аналогичные проблемы с фоном в браузерах от нескольких поставщиков. Темный фон в firefox на windows и chrome на mac.

в итоге я создал 2 версии видео

WebM - > Non IE mp4 - > все IE

а затем установить порядок видео с помощью условных комментариев

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