Html5 video循环播放视频（缓存问题）？

需求是循环播放视频作为页面背景，像这样 http://www.webhek.com/demo2/v...；

有如下去处理循环播放视频操作：

<video class="video" preload="auto" loop autoplay muted poster="">
    <source src="online-url-address.mp4" type="video/mp4">
</video>

但是，目测存在问题是，有一个视频（size=4.7M，其他即可较小视频okay）循环播放时，间隔性不能从cache中取，而是重新从后台获取了；查了些资料未能解决此问题（第二次后播放保证其从 cache 中获取）。

另外，循环播放视频，有什么优化之法么,比如在有动画等稍有消耗内存的网页中播放视频，如何能流畅播放视频，防止出现一些不好的体验问题，比如视频轻微抖动? 个中知识，恳请指点一二，拜谢。