Медиа и эффекты

YTDefer

Ленивая загрузка YouTube по клику на превью.

JSпример c24c7d7Пример с исходным скриптом

Пример

Пример с исходным скриптом

Отправка форм в примере отключена.

Создайте блок .ytdefer с data-src — идентификатором ролика YouTube. Задайте блоку ширину и aspect-ratio: 16/9.
Подключите ytdefer.min.js и вызовите ytdefer_setup(). API плеера загружается только после клика.
В примере data-poster="poster.jpg" задаёт локальное превью. Без него используется изображение с YouTube.