Отложенная загрузка элементов страницы
 

Всем привет.

Столкнулся с проблемой размещения на одной странице более 10 видео. Размещаю видео в <video></video> и при загрузке страницы ни одно видео не воспроизводится и даже не пишется его длительность.
Если сократить количество видео до 5-7, то все норм, видео воспроизводится.

Я вычитал что это связано с одновременной загрузкой блоков видео и из-за этого происходит такая петрушка. Не знаю на сколько это правда, но мне пришла идея сделать отложенную загрузку каждого видео на несколько секунд. Чтобы блоки с видео подгружались последовательно, друг за другом или, например, по 2-3 шт. Или при прокрутке страницы, что-то вроде Lazy Load. Но я нашел скрипты только для изображений и пагинации.

Как сделать тоже самое для тега video или для класса video-block?

Кстати в Google Chrome видео совсем на странице не загружается, а в mozilla страница грузится дольше обычного, но в итоге загружается.

Сама страница http://refresh-academy.ru/index.php/mediagalereya

Точно так же, у вас только в data-src ссылка не на картинку а на видео.