Хром Html5 Видео не может отображать белый, имеет серый фон
У нас есть вступительная страница, которая воспроизводит видео html5 перед отображением основного содержимого сайта. Видео имеет белый фон, поэтому оно интегрируется с фоном страницы. Однако, в браузере Chrome все видео имеет серый фон.
по-видимому, эти вопросы с 2011 года указывают, что это была/есть ошибка в chromium. Они также заявляют, что ошибка исчезла в последнем обновлении chrome. Тем не менее, я загрузил последнюю версию chrome, 27.0.1453.110 m, и проблема все еще существует?
html 5-видео-белый смывается в Chrome
Нежелательный цвет фона / артефакт на HTML5 video Tag
у кого-нибудь есть решение или обходной путь для этой проблемы ? ... Эта ошибка делает весь наш проект бесполезным ... Мне кажется невероятным, что, несмотря на шумиху 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 ответов
вот простое исправление, я просто увеличил яркость с помощью фильтра 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]-->