【问题标题】:HTML5 .mp4 video - IE issue - turns white into grayHTML5 .mp4 视频 - IE 问题 - 将白色变为灰色
【发布时间】:2013-10-29 00:34:04
【问题描述】:

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

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

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

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

作为参考,这是我的 HTML:

<video width="552" height="572" 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 width="552" height="572" 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" width="552" height="572" 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 视频! :(

标签: html video html5-video mp4


【解决方案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 中看起来是灰色的,哈哈
    猜你喜欢
    • 2013-06-03
    • 2011-09-09
    • 1970-01-01
    • 2018-08-18
    • 2011-05-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多