相关疑难解决方法(0)

我有一个视频,客户想要"无缝地"坐在网站上.视频的背景HEX颜色与网站的HEX背景颜色相匹配,并在某些浏览器中呈现,某些版本,某些时候？

最令人好奇的是Chrome以不同方式呈现视频背景,直到您打开颜色选择器.然后他们突然匹配.要清楚,它只在我打开颜色选择器而不是调试器时修复它(读:这不是重新绘制的问题).

当我第一次导航到网站时,Firefox呈现的方式不同,但如果我点击cmd + r,它就变得完全无缝.

看一下屏幕截图 - 他们说的话多于我能说的话.

我正在说服客户改变视频的白色背景,因为这肯定会"修复"它,但我对这是怎样/为什么会发生这种情况非常好奇.

你在巫师的任何见解？

Codepen:http://codepen.io/anon/pen/zrJVpX

<div class="background" style="background-color: #e1dcd8; width: 100%; height: 100%;">
<div class="video-container">
    <video id="video" poster="" width="90%" height="auto" preload="" controls style="margin-left: 5%; margin-top: 5%;">
      <source id="mp4" src="http://bigtomorrowdev.wpengine.com/wp-content/themes/bigtomorrow/images/videos/bt-process.mp4" type="video/mp4">
      <source id="webm" src="http://bigtomorrowdev.wpengine.com/wp-content/themes/bigtomorrow/images/videos/bt-process.webm" type="video/webm">
      <source id="ogg" src="http://bigtomorrowdev.wpengine.com/wp-content/themes/bigtomorrow/images/videos/bt-process.ogv" type="video/ogg">
      We're sorry. This video is unable to be played on your browser.
      </video>
    </div>
</div>

我有一个大问题。我自己制作了一个应用程序演示视频，并使用了我想要的背景颜色。

现在我想在 HTML5 播放器中播放它。一切正常，但现在，当我在 Chrome、Safari 和 Firefox 上仔细观看我的视频时。我可以看到颜色与我制作的原始视频不完全相同。我无法理解这一点。我还尝试将这段视频上传到 Youtube 上，并将框架放在我的网站上。一样的。看起来每个视频都没有显示正确的颜色。

一个例子 ：

左边是红色背景的原始视频 (#FF6666)，右边是 Google Chrome 上的视频（红色已从#FF6666 变为 #F3566A !!）在 Safari 上，情况相同，但使用了这个颜色：#FC7474

出了什么问题？有人能帮我吗 ？

谢谢，

安托万