HTML5播放器错误的视频颜色 [英] HTML5 Player Wrong video colors

问题描述

我遇到了一个很大的问题。我自己用我想要的背景颜色制作了应用演示视频。

现在我想用HTML5播放器播放它。当我在Chrome，Safari和Firefox上关注我的视频时，所有东西都可以工作，但现在已经可以工作了。我可以看到颜色与我制作的原始视频不完全相同。我无法理解这一点。我也尝试在Youtube上上传这个视频，并把这个框架放到我的网站上。一样的。它看起来像每个视频不显示其正确的颜色。

一个例子：

左边是红色背景（＃FF6666）的原始视频，右边是Google Chrome上的视频（红色已从＃FF6666更改为＃F3566A !!）
在Safari上，它的颜色相同：＃FC7474

发生了什么问题？有人可以帮我吗？

谢谢，

Antoine

解决方案

我找到了一个非常高效的解决方案。我在不同的个人电脑上遇到了视频颜色问题。例如，在PC的一部分，我得到＃000000黑色，但另一部分我得到＃101010色。经过一周的头脑风暴后，我终于发现，视频对比度改为110％完全解决了这个问题。所有，你应该做的就是将CSS行添加到你的视频中：

  -webkit-filter：contrast（110％） ; 
  

和黑色在所有PC上变成正常＃000000。

I've got a big problem. I made an app presentation video by myself with background colors I want.

Now I would like to play it in a HTML5 player. Everythings work but now, when I look attentivly at my video on Chrome, Safari and Firefox. I can see that the colors aren't exactly the same as the original video I've made. I can't understand that. I also tried to upload this video on Youtube and put the frame in my website. It's the same. It looks like every videos don't show their correct colors.

An example :

At the left, the original video with the Red background (#FF6666) and at the right, it's the video on Google Chrome (the red color has changed from #FF6666 to #F3566A !!) On Safari, it's the same but with this color : #FC7474

What's going wrong ? Can someone help me ?

Thanks,

Antoine

解决方案

I found a very productive solution. I got an issue with videos colors on different PC. For instance, on one part of PC I got black color as #000000 but on other one I got #101010 color. After 1 week of brainstorm I eventually found that changing contrast of the video to 110% solving that problem totally. All, that you should do is to add that CSS row to your video:

-webkit-filter: contrast(110%);

and black becomes normal #000000 on all PC.

这篇关于HTML5播放器错误的视频颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！