Javascript 如何防止每次幻灯片播放视频时都出现视频请求？

我正在使用并创建包含视频的幻灯片。每次播放视频幻灯片时，浏览器都会向服务器发送请求并获取304。视频仍能正常播放，但当与internet的连接断开时，视频停止播放。我在网络控制台中看到浏览器向服务器发送了请求，然后失败了。视频没有播放

当internet脱机时，如何防止浏览器请求服务器并从缓存中获取内容？我希望视频幻灯片永远播放，即使在互联网断开连接的情况下

下面是开发人员控制台中“网络”选项卡的屏幕截图

这是视频标签

<video preload="auto" muted>
       <source src="https://www.media.co/ilm_dart.mp4" type="video/mp4">
        Browser does not support the video tag.
</video>

---

进步的网络应用程序。您可以使用workbox库简化其脱机工作的策略谢谢。顺便说一句，这是唯一的办法吗@JoybanksProgressive web应用程序。您可以使用workbox库简化其脱机工作的策略谢谢。顺便说一句，这是唯一的办法吗@乔伊斯空白

var slideshow = $(".slider");
    slideshow.slick({
        initialSlide: 0,
        slidesToShow: 1,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 10000,
        pauseOnHover: false,
        pauseOnFocus: false,
        arrows: false,
    });