Javascript html5视频起伏缓慢

当浏览我的主页www.sequent.at work时，它真的很快，你可以看到它真的按照设计工作（我们这里有快速互联网）。无论是在家里还是在其他电脑上，情况都很不稳定。。虽然我增加了像canplaythrough这样的活动

<video id="video_background" preload="auto" loop="true" autobuffer>
    <source src="video/Higrukurz.mp4" type="video/mp4" codecs="avc1.4D401E, mp4a.40.2">
    <source src="video/Higrukurz.webm" type="video/webm">
    <source src="video/Higrukurz.ogv" type="video/ogg">
    <object type="application/x-shockwave-flash" data="video/Higrukurz.swf" id="video_background">
        <param name="movie" value="video/Schneemed.swf" />
        <param name="wmode" value="transparent">
        <param name="quality" value="high" />
        <param name="scale" value="exactfit" /> 
    </object>
</video>
<script>

我的问题是，什么能让它如此沉重地慢下来？我无法想象客户端机器是全部问题（互联网速度、浏览器）

---

事实上，服务器上只有mp4文件，所以不要介意firebug等说“缺少视频”

嘿，新手：）我可能不能-但链接肯定会有助于测试/调试..我在第一句中发布了链接：）但这里有一个超级链接，一点也不起伏不定（Chrome+Firefox）。看起来很棒-非常令人回味的登录页！问题可能是将1080p视频向下推给某些用户，特别是如果他们不需要那么大的帧大小。编码基本上看起来不错，已经得到了一些工件，所以可能不需要更多的压缩。尝试更小的帧大小和两次编码

document.getElementById('video_background').load();
document.getElementById('video_background').addEventListener("canplaythrough", function()
  {
    document.getElementById('video_background').play();
  }
);