и тут вопрос,нужен ли lazy loading.
Желательно, есть несколько путей решения данной проблемы - вы делаете картинку заполнитель с псевдоэлементом play - при наведении или клике на кнопку play, загружаются данные. Либо есть второй вариант, просто делать видео в стиле lazy - к примеру с iframe
<iframe width=”560″ height=”315″ src=”” data-src=”//www.youtube.com/embed/OMOVFvcNfvE” frameborder=”0″ allowfullscreen></iframe>
<script>
function init() {
var vidDefer = document.getElementsByTagName(‘iframe’);
for (var i=0; i<vidDefer.length; i++) {
if(vidDefer[i].getAttribute(‘data-src’)) {
vidDefer[i].setAttribute(‘src’,vidDefer[i].getAttribute(‘data-src’));
} } }
window.onload = init;
</script>
Если у вас готовая CMS с пакетом плагинов под капотом, всё это можно сделать через плагин.