我正在使用 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>
视频已显示,但当我在 Google Chrome 中访问我的网站时,颜色看起来比应有的更紫色,而在 Internet Explorer 上,整个视频看起来更暗。我还有一个预览图像,正如您在我的代码中看到的那样,该图像现在的颜色与浏览器上显示的颜色不同,这不是我想要的。我注意到,例如苹果也使用<video>
标签,但它们在浏览器之间没有颜色差异。
这怎么可能?我对所有浏览器使用相同的代码。这是因为所有浏览器的渲染吗?
我怎样才能解决这个问题?谢谢。
增加赏金
有没有人在浏览器中的视频渲染方面遇到同样的问题并可以帮助我解决此问题?仍然不明白为什么相同的视频文件在 Internet Explorer 中显示较暗,而在 Google Chrome 中显示紫色光芒。
该页面已上线,因此您可以看到差异here http://www.carvingfitness.com/movement/.
这怎么可能?
关于视频
不要期望浏览器有 100% 完全相同的行为,尤其是颜色和视频。不同浏览器(尤其是不同系统)之间可能会出现显示不一致的情况。
不同的浏览器可能使用不同的 h264 解码器软件实现、不同的视频增强插件等。
这不是您的源问题或任何您可以强制修复的问题。
预览图像
这是你可能能够解决的问题。图像可能保存在两种浏览器都不支持的特定颜色配置文件中,或者它们只是以不同的方式呈现。 http://css-tricks.com/color-rendering-difference-firefox-vs-safari/保存图像时,最安全的方法是始终选择“保存为网络和设备”,这是 sRGB 配置文件。如果需要,请检查您的 Photoshop 或图像编辑器设置。 http://usabilitypost.com/2008/07/30/photoshop-color-profiles-for-web-images/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)