html - IE9 - HTML5 MP4 播放问题 : Weird color difference

Question

我在 IE9 和 HTML5 视频播放方面遇到了一个非常奇怪的问题。我有一个 .mp4 文件，它应该与背景混合，在 Chrome 中完美运行。但是在 IE9 中播放时，视频的阴影比在其他浏览器中稍微暗一些——当我使用 IE7 和 IE8 的 Flash 后备播放器时，这种阴影不会出现。

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>

我认为这可能是某种编解码器问题。

Answer 1

在我的例子中，Safari 是唯一播放 MP4 的主要浏览器，为了解决我在下面的 JavaScript 中传递的问题，它检测 Safari 并向主体添加一个类

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

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

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