我在 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>
我认为这可能是某种编解码器问题。
最佳答案
在我的例子中,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;
}
关于html - IE9 - HTML5 MP4 播放问题 : Weird color difference,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6451283/