找到了一个 DEMO ，有需要的可以参考 http://t.csdnimg.cn/kJqnn 实现图片本地化 ServiceWorker + IndexedDB

感谢大家的回复，下面是可以满足我需求的方案：
方案一：使用浏览器缓存，设置视频缓存过期时间；缺点是需要配置浏览器。
方案二：使用 IndexedDB 。
方案三：单独编写后端服务，后端读取在线文件后，将文件保存至本地，由前端页面请求本地后端服务获取文件。
方案四：Service Worker 。(查了一下，好像有大小限制，大屏上的视频加起来有五六百 M ）

接下来，试一下方案二。最后考虑方案三，或者就保持方案一。🤝

@wangmn 也是个办法

@jiangzm #36
@MENGKE 视频播放一轮大概六七百 M ，就会超过浏览器缓存最大的限制，然后就被清理了

@AllenCai 所有视频加起来比较大，我看这个大小有限制，并且还受到浏览器的限制

@tool2d #28 感谢，我写个 DEMO 试试

是个办法👍

@LancerComet #21 好的 ，感谢，我测试一下吧，这个文档我也看了

@tomatocici2333 还有个问题就是 浏览器好像是不让你直接读取本地文件的

@murmur #14 也不是实时吧，就是放了十几个的短视频，视频是在线的。定时会更换一批视频。

@LancerComet 每个浏览器都硬性限制了一个域下缓存数据的大小，视频播放一轮就超过了浏览器的最大限制了。

@murmur #9 目前就是用的缓存方案，领导觉得不好，需要用户配置浏览器

@murmur 大屏不止一个地方用，所以不是本地

@qinjiang JS 不能直接读取本地文件

@tomatocici2333 这样换了电脑就不行了

@wangtian2020 设置了缓存过期时间，但是浏览器对缓存大小有限制，要手动改浏览器配置，现在就是这么干的

感谢大家的解答， 我找到了可以实现如上图的效果案例 https://blog.csdn.net/zyg1515330502/article/details/113843306

谢谢大家，G6 尝试过了，没找到可以 多个根的

关了试试，我是关了才收到的