HTML5 .mp4 视频 - IE 和小米问题 - 将白色变成灰色

use*_*561 5 html video mp4 html5-video

似乎在 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>
Run Code Online (Sandbox Code Playgroud)

关于可能出什么问题有什么建议吗?

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

真的不明白为什么EI中会发生这种颜色变化

Ric*_*der 0

这肯定是 IE 特有的错误,不幸的是似乎没有解决方法。除非 IE 11 支持 OGG 或 WebM,否则您似乎必须使用 Flash 回退,考虑到 HTML5 已经取得的进步,这是相当违反直觉的。

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