HTML5视频色差Chrome&；Internet Explorer

我正在使用HTML5视频标签在我的网站上播放一段短视频，代码如下：

<video width="100%" poster="/images/video_preview.jpg">
    <source src="/images/movie.mp4" type="video/mp4">
    <source src="/images/movie.webm" type="video/webm">
    Your browser does not support HTML5 video.
</video>

您的浏览器不支持HTML5视频。

视频是显示的，但当我在我的网站上谷歌浏览器的颜色看起来有点紫色，然后他们应该是和互联网浏览器的整个视频有一个黑暗的外观。我还有一个预览图像，正如你在我的代码中看到的那样，该图像现在是不同的颜色，然后显示在浏览器上，这不是我想要的。例如，我注意到苹果也使用了

标记，但它们在浏览器之间没有颜色差异

这怎么可能？我对所有浏览器使用相同的代码。这是因为所有浏览器的渲染吗

我怎样才能解决这个问题？谢谢

---

增加了赏金

有没有人在浏览器中的视频渲染方面遇到过同样的问题，可以帮助我解决这个问题？仍然没有弄明白为什么相同的视频文件在Internet Explorer中显示得更暗，在Google Chrome中显示为紫色

该页面处于联机状态，因此您可以看到差异

这怎么可能

关于视频

不要期望100%的浏览器行为完全相同，尤其是颜色和视频。不同浏览器（尤其是不同的系统）之间的显示不一致

不同的浏览器可能使用不同的h264解码器软件实现、不同的视频增强插件等

这不是源代码的问题，也不是任何可以强制修复的问题

预览图像

这是您可能能够解决的问题。

---

保存图像时，最安全的方法是始终选择“为web和设备保存”，这是一个sRGB配置文件

不同的浏览器对某些事情有不同的实现。尤其是IE。然而，我从来没有听说过这种情况。如果您有CSS代码或任何影响视频元素的JavaScript代码，可能会导致这种情况。它必须与浏览器呈现图像的不同方式相适应。

---

您可以尝试通过JavaScript重新实现poster函数。让它画画和图像。单击该图像时，请将图像移除并在其位置绘制视频。

如上所述，这与浏览器如何在其视频面板上呈现视频有关-这是很难更改的。你可以尝试重新编码视频并改变颜色，看看是否有什么变化。

我在谷歌Chrome和youtube视频中遇到了类似的问题。在Chrome中，我的视频带有黄色，而在Firefox中，视频很好。我通过以下操作成功地消除了Chrome中的颜色失真：

在Chrome的url栏中，输入“chrome://flags"

启用“覆盖软件渲染列表”标志

---

这显然不会影响其他观众观看您的视频的方式，但至少您可以正确观看…

我也有同样的问题。尝试使用“601”彩色示波器渲染mp4视频。这应该会有所帮助。

EDIT:Safari=没有适当的webM支持。我听说狩猎很受欢迎。必须使用巨大的礼物。。。我知道我不能期望浏览器有100%相同的行为，但我想知道其他人是如何让它工作的。IE和Chrome的区别真的很大。你检查过不同的系统吗？因为这个问题可能只出现在你的电脑上。就像我说的，你的源视频没有问题。也许可以尝试在两种浏览器上禁用硬件加速，firefox、chrome和safari都有单独的设置。是的，我在iOS上检查过（工作正常，没有问题），OSX和Windows上有相同的问题。我在视频中遇到了相同的问题。3个浏览器（FF Chrome和Edge），3个不同的显示器…到处都是不同的颜色，它们比预期的颜色更亮或更暗。因为我们有一个彩色背景，所以视频背景与浏览器颜色不同，尽管视频和浏览器使用相同的颜色代码。我们最终将视频扩展到整个浏览器的宽度。预览图像很好。在IE和Chrome中，视频的颜色/色调确实不同。这是主要的问题，你可以自己看。这就是为什么我建议这样做，看看它是否有帮助。我测试了你的视频，它的工作良好！我看没什么问题！你能提供一些IE和Chrome上的问题图片吗？