Основная функция секции:
Секция "Плейлист" - это список воспроизведения для ваших видео.
Его можно использовать для обучающих курсов, демонстрации продукции, результатов клиентов или этапов работ.
Загрузка видео:
Для добавления видео в блоке настроек "Список видео" нажмите на три точки напротив пункта "Видео 1".
В открывшемся всплывающем окне напротив параметра "Видео" нажмите на кнопку "Выбрать".
Вставьте ссылку с YouTube, RUTUBE, VK Видео, Vimeo или Kinescope
и нажмите на кнопку "Использовать видео".
Заглушка
Если первые кадры видео плохо передают его суть, то вы можете изменить обложку ролика, добавив свою картинку в параметре "Заглушка". Она позволяет загрузить любое изображение и использовать его в качестве обложки для видео.
Пример секции с использованием заглушки:
Название видео
Параметр "Название видео" позволяет поменять название ролика в плейлисте и в подробном описании видео.
Описание видео
Параметр "Описание видео" позволяет указать дополнительную информацию о содержании ролика, которая размещается под видео.
Продолжительность видео
Параметр "Продолжительность видео" позволяет указать длительность ролика.
Основные настройки:
Высота плейлиста
Параметр "Высота плейлиста" задаёт вертикальный размер списка воспроизведения в пикселях. По умолчанию высота составляет 450 пикселей, что позволяет отображать 3 ролика без необходимости вертикальной прокрутки.
Увеличение высоты плейлиста также повлияет на высоту видеоплеера. Учитывайте это при настройке параметра.
Пример плейлиста с высотой 800 px:
Ширина плейлиста
Параметр "Ширина плейлиста" определяет горизонтальный размер списка воспроизведения.
Увеличение ширины позволяет отображать более длинные названия роликов, но при этом уменьшает размер видеоплеера.
Пример плейлиста с шириной 600 px:
Чтобы компенсировать эффект масштабирования плеера, используйте вариант просмотра "В pop-up".
Отступы
Параметр "Отступы" задаёт расстояние между пунктами списка. Он одновременно управляет вертикальными и горизонтальными отступами.
Пример плейлиста с отступами 0 px:
Пример плейлиста с отступами 16 px:
Скругление
Параметр "Скругление" управляет скруглением углов в видеоплеере.
Пример плейлиста со скруглением 0 px:
Пример плейлиста со скруглением 30 px:
Стили плейлиста
Это набор параметров, позволяющий изменить фон плейлиста, настроить шрифты и цвета текста, чтобы секция гармонично сочеталась с дизайном вашего сайта.
Пример плейлиста со стандартными настройками стиля:
Пример плейлиста с кастомными настройками стиля:
Превью видео
Этот набор параметров позволяет управлять скруглением углов, размерами и отступами у изображений видео в списке.
Пример плейлиста со стандартными настройками превью:
Пример плейлиста с кастомными настройками превью:
Показывать подробности о видео
Данный набор параметров включает отображение заголовка и описания видео под плеером, а также предоставляет настройки для стилизации этого текста.
Пример плейлиста с включенным параметром и настроенными стилями описания:
Если текст описания превышает 4 строки, он будет автоматически сворачиваться. Чтобы прочитать текст полностью необходимо кликнуть на ссылку «Развернуть».
Показывать счётчик видео
Этот параметр позволяет отображать или скрывать индикатор количества видео в списке.
Вы можете изменить этот текст и указать свой вариант.
Варианты просмотра
Вариант просмотра «На странице» запускает воспроизведение ролика прямо в плеере слева от списка воспроизведения.
С этим вариантом доступен дополнительный параметр — «Отложенная загрузка». Он ускоряет загрузку сайта, так как видео не подгружается сразу. Ролик начнёт загружаться только тогда, когда пользователь прокрутит страницу до него.
Пример секции с вариантом просмотра "На странице":
Вариант просмотра «В pop-up» запускает воспроизведение ролика во всплывающем окне.
Видео открывается в отдельном окне поверх страницы, а остальной контент затемняется. Это помогает сосредоточить внимание пользователя исключительно на ролике.
С помощью параметра «Настройки pop-up» вы можете:
- изменить цвет и интенсивность затемнения фона
- настроить размеры и скругление углов всплывающего окна
- добавить тень
- кастомизировать кнопку запуска видео и кнопку закрытия окна
Пример секции с вариантом просмотра "В pop-up":
По умолчанию функция включена.
Видео начнёт воспроизводиться автоматически, как только пользователь прокрутит страницу до секции "Плейлист". Однако, согласно настройкам браузеров, автоматически запущенное видео всегда запускается без звука. К сожалению, это ограничение невозможно обойти.
Если автовоспроизведение выключено, появляется дополнительный параметр — «Запустить без звука». Если эта настройка активна, даже при ручном запуске видео будет воспроизводиться без звука. Отключите параметр, если хотите, чтобы ролик сразу запускался со звуком.
Основные настройки для мобильной версии сайта:
Параметр "Высота видео" управляет размером плеера на смартфоне.
Параметр "Высота плейлиста" регулирует размер списка воспроизведения.
"Отступ от плейлиста" это расстояние от плеера до списка.
"Расположение плейлиста" позволяет отобразить список с видео либо под плеером, либо над ним.
Плейлист располагается под плеером:
Плейлист располагается над плеером: