HTML5视频在FF，Edge，Opera和IE上显示为深色或黑色

Question

可能是与硬件加速有关的问题。

我有一个在After Effects中创建的视频，具有纯色＃442666彩色背景。我想将此视频放到目标页面上，该页面的背景色也为＃442666。

我要使用以下代码：

<video width="400" height="400" muted autoplay loop>
  <source src="myvid.mp4" type="video/mp4">
  <source src="myvid.ogv" type="video/ogg">
  <source src="myvid.webm" type="video/webm">
</video>

自动播放效果很好，视频可以在每个浏览器上播放。但是，这是它在各种浏览器上的作用方式：

• Chrome：完美，色彩100％准确
• Firefox：视频暗一些，结果bg颜色为＃421e63
• Opera：与Firefox完全相同
• 边缘和IE：视频的播放就像背景一样坚实 在最初的10秒钟左右变黑，然后播放良好。另外，视频的第二次播放（循环之后）也很好。

我玩了硬件加速，实际上显示出一些差异。但是，我试图以开发人员的身份提出要求。对于我来说，在尽可能多的浏览器（默认设置）上以100％准确的色彩播放视频是非常重要的。我相信这是一个真正的解决方案，因为我几乎在每个浏览器上都观看了许多HTML5视频，没有任何麻烦。