Question

我刚刚注意到Chrome（版本45.0.2454.99 m）基本上每次循环时重新加载视频。甚至在我的代码的最窄版本中也会出现这种情况：

<!DOCTYPE html>
<html lang="en">
    <head>
    </head>
    <body>
        <video autoplay="autoplay" loop="loop">
            <source src="myvideo.mp4" type="video/mp4" >
        </video>
    </body>
</html>

这与托管技术（尝试本地，Google云端硬盘和2种经典托管解决方案）无关，与cache-control HTTP标头无关，仅限于确保视频不会从源重新加载时间，但来自客户端缓存。

因为它似乎是一个Chrome错误，我可以让这个对我可以忍受的用户不太明显，但仍然，在airbnb网站上，他们有一个标题视频循环而不是由Chrome重新加载。我尝试模仿他们的HTML，这并不比上面的例子复杂得多，视频会在每个循环上重新加载，所以我肯定知道在他们的网站上必须有一些解决方法。他们的JS代码虽然缩小了，因此很难调试，我甚至没有开始知道他们是如何做到这一点的。所以我的问题是：每个人都遇到过这个问题并找到了可以与我们分享的解决方法吗？

Answer 1

这可能是由于禁用了缓存＆＃34;在Chrome开发人员标签中打勾。

如果没有，您可以使用App Cache修复或服务工作人员从Cache加载视频。

此问题已在此处讨论： Why html5 video loop create request each iteration

可能已在较新版本的Chrome中修复

Chrome会在每个循环上重新加载视频

1 个答案: