Germesych/ws-video-modal

Модуль вывода видео с ютуб в модальном окне

Модуль создает в заданном блоке или блоках, превью к видео с ютуб, сами видео не загужаются сразу на страницу, а открываются в модальном окне. Это позволяет оптимизировать сокрость загрузки контента, возможность листать слайдер swiper свайпами.

Инструкция:

Создаём класс/инициализируем плагин:

new WsVideo()

Вставляем код в HTML:

<div class="ws-video">
    <a href="вставляем ссылку с ютуб" class="ws-video__link"></a>
    <div class="ws-video__img-block">
        <img src="можно оставить пустым" alt="img" class="ws-video__img">
    </div>
</div>

Пример вставки ссылки:

Все. Пользуемся.