Safari中的视频延迟/像素化

Question

我正在将.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中像素化。见下图：

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