解决方案：

Question

任何带有白色背景的视频（我可以制作）在Firefox，Chrome和Safari中变为灰色（在IE中为白色）。好吧，在我的Windows机器上它是灰色的，在我的Android手机/平板电脑和Mac上它是白色的......

我正在使用ffmpeg对视频进行编码。如果我将其编码为webm，则背景为白色。

我找到了修复Chrome的黑客攻击：

<video style="-webkit-filter:brightness(108.5%);"

但它不适用于Firefox或Safari。

Firefox的另一个黑客攻击：

filter:brightness(1.085)

但出于某种原因，通过JavaScript设置它不起作用。

在几个版本之前，Chrome的背景为白色，然后再次变为灰色......

问题是：为什么是白色灰色？

视频或Chrome，Firefox，Safari一般会出现问题吗？（他们怎么能不支持白人？）

是否可以获得白色背景？

任何黑客攻击，解决方法？

Answer 1

经过长时间的搜索和测试，这是一个有效的解决方案

解决方案：

CSS

.brightness{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'brightness\'><feColorMatrix type=\'matrix\' values=\'1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0\'/></filter></svg>#brightness"); /* Firefox 3.5+ */
    -webkit-filter:brightness(108.5%); /* Chrome 19+ & Safari 6+ */
}

HTML 的

<div class="brightness">
<video src="http://www.botlibre.com/media/a786628.mp4">
</video>
</div>

https://jsfiddle.net/27L5nvg4/1/

解决方案演示

＆＃13;

.brightness{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'brightness\'><feColorMatrix type=\'matrix\' values=\'1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0\'/></filter></svg>#brightness"); /* Firefox 3.5+ */
    -webkit-filter:brightness(108.5%); /* Chrome 19+ & Safari 6+ */
}

＆＃13;

<div class="brightness">
<video src="http://www.botlibre.com/media/a786628.mp4">
</video>
</div>

＆＃13;

问题演示

＆＃13;

<div class="brightness">
<video src="http://www.botlibre.com/media/a786628.mp4">
</video>
</div>

＆＃13;

其他解决方法：

尝试使用其他html视频播放器 http://html5video.org/wiki/HTML5_Video_Player_Comparison

您可以将页面背景更改为灰色，以便与Firefox等匹配，以匹配您的视频

此外，如果只是女性说话，你可以使用带音频的gif动画

捕获Firefox：

http://i.stack.imgur.com/tWWqm.jpg

Answer 2

在许多情况下，这是 nVidia驱动程序的问题。 NVIDIA视频卡用户尝试以下操作：

打开NVIDIA控制面板
＆＃34; Video＆＃34;选择“调整视频颜色设置”
＆＃34;如何进行颜色调整＆＃34;选择“使用NVIDIA设置”
＆＃34; Advanced＆＃34;确保＆＃34;动态范围＆＃34;是“完整（0-255）”而非“限制（16-235）”（应取消选中“动态对比度增强”）

就我而言，无论如何我都不明白为什么视频的动态范围是默认限制的......

见这里：https://bugzilla.mozilla.org/show_bug.cgi?id=1138024

Answer 3

Chrome会使用开源HTML5视频编解码器默认为不同的视频编码其他浏览器如FireFox，Safari和IE将默认使用Flash。

Firefox，Chrome，Safari具有MP4 HTML5视频的灰色背景

3 个答案:

解决方案：

解决方案演示

问题演示