Question

视频在每个浏览器中播放都很好，我使用标准的3-codec方法。在所有其他浏览器上，视频＆＃34;融化＆＃34;故意进入白色背景，但在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>

Answer 1

我还没有测试过，但问题可能与您的<source>代码的排序有关。尝试先把mp4放一下。我不熟悉Safari中WebM和OGG支持的具体细节，但我猜它不如MP4好。

Safari HTML5视频变色/黑暗

1 个答案: