IE9 - HTML5 MP4播放问题：颜色差异奇怪

Question

我在使用IE9播放HTML5视频时遇到了一个非常奇怪的问题。我有一个.mp4文件，应该与背景融合，这在Chrome中完美地实现了。但是在IE9中播放时，视频会比其他浏览器略微变暗 - 当使用Flash回退播放器播放IE7和IE8时不会出现这种情况。

以下是HTML代码：

<video id="banner-video-0" width="1280" height="572" autobuffer="true">
  <source src="/Media/Video/video.mp4" type="video/mp4">
  <source src="/Media/Video/video.webm" type="video/webm">
  <source src="/Media/Video/video.ogv" type="video/ogg">
</video>

我认为这可能是一些编解码器的问题。

- Laust Deleuran

---

你有没有找到这个问题的原因？我也遇到了同样的问题，但是在谷歌上找不到任何解决方法。 - JackSD

没有，我从来没有找到它的原因。但是，由于我曾经使用过HTML5视频，我认为这可能与编解码器有关。尝试调整编解码器。如果这没有帮助，GOK可能是正确的，这只是糟糕的浏览器实现导致的问题。 - Laust Deleuran

Answer 1

在我的情况下，Safari是唯一能够播放MP4的主流浏览器，为了解决这个问题，我使用了以下JavaScript代码来检测Safari并向body添加一个类。

if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0)
  {
      $('body').addClass('safari');
  }

然后在我的CSS文件中，我调整了背景颜色以匹配视频背景。

body.safari,
.safari video,
.safari .mantle {
  background:#3b3b3b;
}

- Andrew K

---

现在已经过了这么长时间，我甚至不确定这是否解决了当时我遇到的问题，但似乎这是唯一的解决方案就是进行某种类型的浏览器检测。所以我选择这个作为答案，尽管它并不是我一直希望得到的解决方案。 - Laust Deleuran

Answer 2

伙计，不同的浏览器（如果你使用IE和其他浏览器）总是存在着颜色和CSS问题的差异，这使得它们不同并且让我们（开发人员）很烦恼；）

无论如何，尝试通过添加脚本代码来处理浏览器兼容性，以检测浏览器类型并通过Javascript更改颜色。

享受吧！

- GOK

---

我知道浏览器存在问题。自从我上次看到两个不同的浏览器以不同的方式呈现JPG以来已经很长时间了。所以这就是为什么我在问编解码器的原因。 - Laust Deleuran