Question

我们有一个介绍页面，在显示主站点内容之前播放html5视频。该视频具有白色背景，因此它与页面背景无缝集成。但是，在Chrome浏览器中，整个视频都具有灰色背景。

显然，2011年的这些问题表明这是/铬是一个错误。他们还说明最新的Chrome更新中的bug已经消失。但是，我下载了最新的Chrome版本，27.0.1453.110米，问题仍然存在？

html 5- Videos - White is washed off in Chrome

Unwanted Background color/artifact on HTML5 Video Tag

enter image description here

是否有人对此问题有任何解决方案或解决方法？ ......这个错误让我们的整个项目变得毫无用处......我觉得令人难以置信的是，尽管html5大肆宣传，但自2011年以来，Chrome无法在视频中播放白人？

.......编辑....................................... .............

好的，我创建了一个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%); }
}

Answer 1

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

这是一个简单的修复，我只是使用webkit过滤器提升亮度。我打算将它绘制到画布上，然后过滤像素，这应该更顺畅，但我无法通过跨域访问您的视频。相反，我只使用了css风格

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

编辑：我已经修改了Chrome的最新版本。

Answer 2

我在多个供应商的浏览器中遇到类似的背景问题。在firefox的黑暗的背景在窗口和镀铬物在mac。

我最终创建了2个版本的视频

WebM - ＆gt;非IE mp4 - ＆gt;所有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]-->

Chrome Html5视频无法显示白色，具有灰色背景

2 个答案: