我正在将 .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 中像素化。见下图:
我想知道是否有人以前遇到过这个问题并且可以引导我朝着正确的方向解决它。谢谢大家。