10

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

显然，2011 年的这些问题表明这是/是铬中的一个错误。他们还表示该错误已在最新的 chrome 更新中消失。但是，我下载了最新的chrome版本，27.0.1453.110 m，问题依旧吗？

html 5- 视频 - 白色在 Chrome 中被洗掉

HTML5 视频标签上不需要的背景颜色/伪影

在此处输入图像描述

有没有人对此问题有任何解决方案或解决方法？...这个错误使我们的整个项目变得毫无用处...在我看来，尽管 html5 大肆宣传，但 chrome 从 2011 年起就无法在视频中播放白人了？

....... 编辑 .......................................... …………

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

2 回答 2

13

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

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

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

编辑：我相信这已在最新版本的 Chrome 上得到修复。

于 2013-06-07T13:16:31.540 回答
0

我在来自多个供应商的浏览器背景中遇到了类似的问题。Windows 上的 Firefox 和 Mac 上的 chrome 中的深色背景。

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

WebM -> 非 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]-->
于 2013-12-04T16:12:55.557 回答