javascript - 每次幻灯片显示视频时如何防止视频请求？

Question

我正在使用Slick.js并创建一个包含视频的幻灯片。每次幻灯片显示视频时，浏览器都会向服务器发送请求并获得 304。视频仍然播放良好，但是当与互联网的连接断开时，视频停止播放。我在网络控制台中看到浏览器向服务器发送请求然后失败。视频没有播放。

当互联网离线时，如何防止浏览器请求服务器并从缓存中获取内容？即使互联网断开，我也希望视频幻灯片永远播放。

下面是开发者控制台中网络选项卡的屏幕截图。

这是视频标签。

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

这是漂亮的脚本。

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

标签： javascriptbrowserslick.js