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

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

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

Ещё есть кусочек Jquery:
$(document).ready(function(){ $('video').hide(); }); $(".list-item").click(function() { $(this).next("video").slideToggle(1000); } );
Который позволяет кликнув по заголовку(элементу списка) развернуть находящееся под ним видео, и свернуть его, если оно уже развернуто.
Этот список будет выводиться посредством php. Но проблема в том, что когда страница открывается, то браузер очень сильно виснет. Можно ли как-то оптимизировать все это? Я думал присваивать тегу video значение атрибута src, только после клика по заголовку, но не знаю как это сделать, ведь пути к файлам будут доставаться из Бд средствами php.

Ответ

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