Блог

Я использую swiperjs для ленивой загрузки нескольких видео (формат mp4) в качестве слайд — шоу:

 var mySwiper = new Swiper('.swiper-container', {  preloadImages: false,  lazy: true,  direction: 'vertical',  loop: true,  fadeEffect: {  crossFade: true  },  lazy: {  loadPrevNext: true,  },  });  

и вот как они визуализируются:

 lt;video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" disablepictureinpicture="true" class="home_video swiper-lazy" data-src="lt;%= url_for(video) %gt;"gt;lt;/videogt;  lt;div class="swiper-lazy-preloader swiper-lazy-preloader-white"gt;lt;/divgt;  

Я замечаю, что не только видео медленно загружаются (они составляют около 1-2 МБ каждое)… они загружаются в 3 раза на вкладке «Сеть»:

Как мне избежать загрузки одного и того же видео 3 раза?