在localStorage中获取并存储一个64mb的mp4文件

我需要下载大约64mb大小的六个视频，将它们存储在localStorage中，以避免使用数据(不是wifi)再次下载。问题是我执行了以下代码:

var urlVideo = "<link_of_mp4_file>"
var videoStorage = localStorage.getItem("video"),
    videoElement = document.getElementById("video"),
    sourceElement = document.getElementById("source_video");
if (videoStorage) {
    // Reuse existing Data URL from localStorage
    sourceElement.setAttribute("src", videoStorage);
}
else {
    // Create XHR, Blob and FileReader objects
    var xhr = new XMLHttpRequest(),
        blob,
        fileReader = new FileReader();
    xhr.open("GET", urlVideo, true);
    // Set the responseType to arraybuffer. "blob" is an option too, rendering manual Blob creation unnecessary, but the support for "blob" is not widespread enough yet
    xhr.responseType = "arraybuffer";
    xhr.addEventListener("load", function () {
        if (xhr.status === 200) {
            // Create a blob from the response
            blob = new Blob([xhr.response], { type: "video/mp4" });
            // onload needed since Google Chrome doesn't support addEventListener for FileReader
            fileReader.onload = function (evt) {
                // Read out file contents as a Data URL
                var result = evt.target.result;
                // Set image src to Data URL
                videoElement.setAttribute("src", result);
                // Store Data URL in localStorage
                try {
                    localStorage.setItem("video", result);
                }
                catch (e) {
                    console.log("Storage failed: " + e);
                }
            };
            // Load blob as Data URL
            fileReader.readAsDataURL(blob);
        }
    }, false);
    // Send XHR
    xhr.send();
}

在测试了这个脚本之后，我可以从浏览器看到mp4文件正在下载，但是当它完成将视频保存在localStorage中的任务时，它会向我抛出以下错误:

Storage failed: QuotaExceededError: failed to execute 'setItem' on 'Storage': Setting the value of 'video' exceeded the quota.

如何在localStorage中存储这些文件?