localStorage中的Javascript Blob在重新加载过程中保持不变

我的视频播放器上有一个按钮，允许用户从电脑中选择一个文件，通过HTML5视频播放器播放。它

$('#LocalClip').on('change', function() {
    var file = $(this)[0].files[0];
    var url = URL.createObjectURL(file);
    $('video').attr('src', url);
});

它从输入中获取文件，然后将其转换为blob url，然后将视频源更改为该文件

我希望它在重新加载页面时保持不变，所以我尝试将url存储在localStorage中。（也尝试了该文件，但无法存储）

但是当我重新加载页面时，blobURL无效。有没有办法让URL在重新加载页面时保持不变，而不将实际的视频文件存储在javascript文件系统中

---

编辑：只是澄清一下，我不想将实际视频存储在本地存储中。当用户再次加载页面时，只需对要加载的视频进行引用

取决于文件大小。本地存储限制在5Mb左右，具体限制取决于浏览器。IndexedDb没有那么大的限制，出于安全考虑，不允许在没有任何用户操作的情况下使用javaScript访问文件系统。因此，在in-javaScript的文件API中，我们无法获得文件系统中文件的真实路径。顺便说一句，只是为了跨重新加载页面缓存数据，会话存储也是一种方式。Chrome限制会话存储的大小，但firefox没有。