HTML5视频色差Chrome和Internet Explorer

Question

我正在使用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>

视频显示但是当我在谷歌浏览器的网站上时,颜色看起来有点紫色,然后它们应该是,并且在Internet Explorer上整个视频看起来更暗.我也有一个预览图像,你可以在我的代码中看到,该图像现在是一种不同的颜色,然后在浏览器上显示,这不是我想要的.我注意到例如Apple也使用了<video>标签,但它们在浏览器之间没有色差.

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

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

---

加上BOUNTY

有没有人在浏览器中遇到与视频呈现相同的问题,可以帮我解决这个问题吗？仍然没有弄清楚为什么相同的视频文件在Internet Explorer中显示为较暗而在Google Chrome中显示为紫色.

该页面在线,因此您可以在此处查看其中的差异.

Answer 1

这怎么可能？

关于视频

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

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

这不是您的源问题或任何您可以强制修复的问题。

预览图像

这是你可能能够解决的问题。图像可能保存在两种浏览器都不支持的特定颜色配置文件中，或者它们只是以不同的方式呈现。 保存图像时，最安全的方法是始终选择“保存为网络和设备”，这是 sRGB 配置文件。如果需要，请检查您的 Photoshop 或图像编辑器设置。