Зависает страница от большого количества <video>

#html #jquery

Ребят, добрый день! Нужна идея. Есть страница в которой находится такой список:


  
Заголовок
  
  
Заголовок
  
  
Заголовок
  
  
Заголовок
  
  
Заголовок
  
  
Заголовок
  
  
Заголовок
  
  
Заголовок
  
  
Заголовок
  
  
Заголовок
  
  
Заголовок
  



Ещё есть кусочек Jquery:

$(document).ready(function(){
    $('video').hide();
  });
$(".list-item").click(function() {
    $(this).next("video").slideToggle(1000);
  }
);


Который позволяет кликнув по заголовку(элементу списка) развернуть находящееся под
ним видео, и свернуть его, если оно уже развернуто. 

Этот список будет выводиться посредством php. Но проблема в том, что когда страница
открывается, то браузер очень сильно виснет. Можно ли как-то оптимизировать все это?
Я думал присваивать тегу video значение атрибута src, только после клика по заголовку,
но не знаю как это сделать, ведь пути к файлам будут доставаться из Бд средствами php.
    

Ответы

Ответ 1

Надо изначально в php выводить видео с атрибутом display: none;