Html Safari中的视频延迟/像素化

我正在上传.mp4、.webm、.ogv、.swf文件到我们的服务器上进行视频播放。我们使用下面的代码进行跨浏览器/回退

<video width="570" height="338" tabindex="0" loop="loop" controls="controls" autoplay="autoplay">
  <source type="video/mp4" src="/Resources/videos/product.mp4"></source>
  <source type="video/webm" src="/Resources/videos/product.webmsd.webm"></source>
  <source type="video/ogg" src="/Resources/videos/product.oggtheora.ogv"></source>
  <object width="570" height="338" type="application/x-shockwave-flash" data="/Resources/videos/product.swf">
    <param wmode="opaque" value="/Resources/videos/product.swf" name="movie">
    <param value="false" name="allowFullScreen">
    <param value="transparent" name="wmode">
    <param value="config={'playlist':['http%3A%2F%2Fbeta.com',{'url':'http%3A%2F%2Fbeta.com%2FResources%2Fvideos%2Fproduct.mp4','autoPlay':false}]}" name="flashVars">
  </object>
</video>

这些视频在IE、Chrome、Firefox和Safari（windows）中完美无瑕。然而，在Mac上的Safari中，视频会延迟并被像素化。见下图：

---

我想知道是否有人曾经遇到过这个问题，可以引导我朝着正确的方向去解决它。提前谢谢大家。

您是否尝试删除了

和所有

，除了Safari的那一个？