Адаптивный видеослайдер для YOOtheme Pro

Адаптивный видеослайдер для YOOtheme Pro: горизонтальная лента обложек с плавным раскрытием выбранного видео прямо внутри слайдера.

Подходит для портфолио, видеокейсов, презентаций, обучающих материалов и подборок роликов. Посетитель нажимает на обложку — карточка расширяется и запускает видео. При закрытии плеер останавливается, а карточка плавно возвращается к исходному размеру.

Возможности элемента

• Видеолента с управлением стрелками, свайпом и перетаскиванием мышью.
• Плавное раскрытие и схлопывание карточки с анимацией около 0,9 секунды.
• Запуск видео внутри ленты без перехода на другую страницу.
• Поддержка YouTube, Vimeo, Rutube, VK / VK Видео и видеофайлов MP4, WebM, M4V и OGV.
• Автоматические обложки YouTube, Rutube и Vimeo, если миниатюра доступна.
• Возможность выбрать собственный постер: он всегда имеет приоритет.
• Штатная SVG-иконка Play по центру обложки с настройкой показа и скрытия.
• Конечная или зацикленная прокрутка, включая повторение коротких подборок.
• Автопрокрутка с приостановкой на время воспроизведения видео.
• Адаптивная ширина карточек через стандартные настройки Item Width.
• Штатные настройки Overlay Slider: интервалы, навигация, наложения, заголовки, подписи и оформление изображений.
• Поля для Dynamic Content, а также заголовка, метаданных, текста и ссылки в каждой карточке.
• Остановка предыдущего ролика при открытии другого, в том числе в соседнем видеослайдере.

Настройки в привычном интерфейсе YOOtheme

Элемент находится в группе General под названием Video Slider.

В разделе Settings → Image можно включить или скрыть значок Play. Даже при скрытом значке обложка остаётся кликабельной.

Обложки и воспроизведение

Если поле постера не заполнено, элемент пытается получить обложку из ссылки. Для YouTube используется прямое превью, для Rutube и Vimeo — метаданные сервиса с кэшированием. Для VK миниатюра подхватывается, если публичный плеер её предоставляет (требуется установленный плагин для Rutube и VK). Если получить изображение невозможно, выводится заглушка. Для локальных видеофайлов обложку нужно выбрать вручную.

Основной плеер создаётся после клика по обложке. Закрыть его можно крестиком или клавишей Esc, если её не перехватывает сам внешний плеер. Доступность ролика и автозапуск определяются также правилами видеосервиса и браузера.

Установка плагина

Элемент устанавливается как системный плагин Joomla.

1. Установите ZIP-архив через стандартный установщик расширений Joomla.
2. Включите «Система — YOOtheme Video Slider». Плагин YOOtheme Framework также должен быть включён.
3. Очистите кэш Joomla и YOOtheme Pro, затем заново откройте Builder.
4. В группе General добавьте элемент Video Slider.
5. Добавьте карточки и укажите ссылки на ролики. При необходимости выберите свои обложки и заполните подписи.
6. Настройте ширину карточек для разных экранов, оформление и навигацию, затем сохраните страницу.

Требуется

Установленный YOOtheme Pro 5+.

PHP 8.1 или новее, с учётом требований установленных Joomla и YOOtheme Pro.