Демо: https://fizzbuzzer.github.io/youtube-lazy-player/
Скрипт, позволяющий не нагружать страницу ютуб-плеером при загрузке. На страницу в месте вызова плеера добавляется один тег
<div data-widget="yt-lazy-player" data-id="ef1wAfrMg5I"></div>
После загрузки DOM подгружается превью видео, а после клика по превью - сам плеер и видео.
Формат атрибутов
data-widget="yt-lazy-player"
Необходимый атрибут для инициализацииdata-id="ef1wAfrMg5I"
ID видео на YouTube
- Резиновость плеера
- Минифицированная версия
- Кастомизация тега, инициализирующего плеер
- Lazy Loading превью
- Обработка ошибок в атрибутах