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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (34)

我对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>

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

提问于
用户回答回答于

在我的情况下,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;
}
用户回答回答于

伙计,浏览器中的阴影和CSS问题总是存在差异(如果你在IE和任何其他浏览器上),这些问题会使它们与众不同并杀死我们(开发人员);)

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

恩乔伊!

扫码关注云+社区

领取腾讯云代金券