Safari HTML5 视频变色/变暗答案

【问题标题】：Safari HTML5 video discolored/darkSafari HTML5 视频变色/变暗
【发布时间】：2012-03-12 14:02:56
【问题描述】：

视频在每个浏览器中都可以正常播放，我使用标准的 3-codec 方法。在其他所有浏览器上，视频会故意“融化”到白色背景中，但在 Safari 中，视频会显示为灰色并破坏效果 - 有什么想法吗？

首页：http://www.mybloodfirst.com

简化测试页面：http://new.mybloodfirst.com/videotest.html

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript Progress Monitor</title>
</head>

  <body>
     <div align=center>
        <video preload="none" autoplay loop>
            <source src="images/home-surgeon.webm" type='video/webm;' />
            <source src="images/home-surgeon.ogv" type='video/ogg;' />
            <source src="images/home-surgeon.mp4" type='video/mp4;' />
            <img src="images/home-surgeon.jpg">
        </video>
      </div>
  </body>
</html>

【问题讨论】：

通过订购源代码进行附加测试。new.mybloodfirst.com/videotest2.html

标签： html video safari

【解决方案1】：

我没有测试过，但也许问题与您的<source> 标签的顺序有关。尝试将 mp4 放在第一位。我不熟悉 Safari 中 WebM 和 OGG 支持的具体细节，但我猜它不如 MP4。

【讨论】：

像您推荐的其他测试：new.mybloodfirst.com/videotest2.html hmm.. 这真是个笨蛋！
嗯，我在 Safari 5.1.3、OS X 10.7.3 中运行良好。 Chrome 17 也可以正常工作。也许这是您使用的 Safari 版本的一个已知问题？也许这只是一个 Windows 版本的 Safari 问题？您是否安装了任何可能导致该问题的 Safari 扩展程序？
很好！这就是我所看到的 - imageshack.us/photo/my-images/62/21391417.jpg Safari 5.1.2 Windows 7 64
尝试使用类似mediaelementjs.com 的东西，它会为 HTML5 视频提供优雅的后备。也许它可以处理这种情况。如果做不到这一点，这听起来像是 Windows Safari 中的一个错误，因此请尝试使用该证据的 Google 和 Apple 支持论坛。另一个可能的可能性是 CSS 或 <video> 标签格式问题。最后，也许这是您正在使用的视频的特定编码的奇怪之处。尝试使用一些不同的工具重新编码它可能会解决它。