HTML5 .mp4 视频 - IE 问题 - 将白色变为灰色

Posted 2023-05-08

【中文标题】HTML5 .mp4 视频 - IE 问题 - 将白色变为灰色

【英文标题】：HTML5 .mp4 video - IE issue - turns white into gray

【发布时间】：2013-10-29 00:34:04

【问题描述】：

似乎在 IE9+ 中播放我的 html5 视频时，我的 .mp4 中的白色由于某种奇怪的原因变成了灰色。

视频在 Firefox、Crome + 智能手机中正确播放和显示。

问题： 在 IE 中白色变成灰色。注意：生成的视频文件是从另一个页面录制的纯白色背景，因此不会与一些奇怪的透明背景尝试冲突。

图片 1 显示了 Firefox、Crome 等的正确外观。 图 2 是在 IE9 中启动视频后的屏幕截图。

作为参考，这是我的 HTML：

<video   poster="video/clip.png" preload="none" id="video">
    <!-- MP4 for Safari, IE9, iPhone, iPad, android, and Windows Phone 7 -->
    <source type="video/mp4" src="video/clip.mp4" />
    <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
    <source type="video/webm" src="video/clip.webm" />
    <!-- Ogg/Vorbis for older Firefox and Opera versions -->
    <source type="video/ogg" src="video/clip.ogv" />
    <!-- Flash fallback for non-HTML5 browsers without javascript -->
    <object   type="application/x-shockwave-flash" data="video/player.swf">
        <param name="movie" value="video/player.swf" />
        <param name="flashvars" value="controls=true&file=clip.mp4" />
        <!-- Image as a last resort -->
        <img src="video/clip.png"   title="No video playback capabilities" />
        <p>Your browser can&rsquo;t play HTML5 video. <a href="video/clip.ogv">Download it</a> instead.</p>
    </object>
</video>

有什么可能出错的建议吗？

编辑： - 认为这可能与编码有关。但剪辑是原始保存为格式：H.264。还尝试以 H.264 格式再次运行它，但结果相同。

真的不知道为什么 EI 会发生这种颜色变化

【问题讨论】：

同样的问题，mp4视频（H264）的白色背景显示为灰色，尚未解决。我正在阅读here，您可以通过 CSS filter: brightness(108.5%); 解决此问题，但它不适用于 IE11。也许你可以用你的操作系统/浏览器试一试？

Hey Echt Einfach TV - 我也没有找到解决方案。我还尝试了 CSS 过滤器，但完全没有运气。这是一个非常奇怪的问题：/

是的，这不允许我为我的用户使用 HTML5 视频！ :(

【参考方案1】：

这肯定是一个 IE 特定的错误，不幸的是似乎没有解决方法。除非 IE 11 支持 OGG 或 WebM，否则看起来您将不得不使用 Flash 回退，考虑到 HTML5 的发展程度，这非常违反直觉。

如果 IE确实 支持另一种可以在浏览器中播放的视频，我建议使用 HTML5 视频和不同视频的后备源。

【参考方案2】：

这是一篇旧帖子，但我想我会用这个问题更新它。这里的问题是硬件加速，默认情况下是打开的。关闭硬件加速（见http://support.microsoft.com/kb/2528233），视频会再次变白。

我不知道如何解决这个问题。

编辑：进一步调查指向特定于 AMD Radeon（我无法确认）。

【讨论】：

嗨 jagdipa - 感谢您对此进行调查。我在MSI GFX卡+主板上再次测试，仍然显示问题。但是现在在 IE 中一切都很好，但在 Firefox + Chrome 中看起来是灰色的，哈哈