如何强制Chrome从缓存中播放html5视频

Question

我有一些mp4文件，我想在第一页上使用javascript播放它们。

var videoSource = new Array(
    cdn + "/video/1.mp4",
    cdn + "/video/2.mp4",    
    cdn + "/video/3.mp4",
    cdn + "/video/4.mp4"
);
var videoCount = videoSource.length;
var i = 0;
video = document.getElementById("video-main");
videoPlayer = document.getElementById("video-player");
video.addEventListener('ended', function() {
    if (i == videoCount) i = 0;
    var nextVideo = videoSource[i++];
    videoPlayer.setAttribute("src", nextVideo);
    video.load();
    video.play();
});

播放列表按预期运行，但在我多次播放视频后，大多数视频仍会尝试使用HTTP 206连接到CDN并且需要花费流量。

我希望所有播放的视频都获得HTTP 304，Chrome可以从本地缓存中获取。

我在AWS S3上托管我的视频，并由CloudFront提供。 我做过的设置：

1. 在S3上设置视频元数据
   • 缓存控制：max-age = 1296000
   • 到期：周一，2038年3月27日13:33:37 GMT
2. 执行chrome时，添加–disk-cache-size=1073741824