IE9-HTML5 MP4播放问题:奇怪的色差

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中传递的问题，该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;
}

Answer 2

Buddy，浏览器中总是有阴影和css问题的差异（如果你在IE和任何其他浏览器上），这会让它们变得不同，并杀死我们（开发者）；）

Anywayz，尝试通过添加脚本代码来检测浏览器类型并通过Javascript更改阴影来处理浏览器兼容性。

Njoy！！！