Видеогалерея

Они позволяют легко встраивать несколько видео и изображений в удобную плиточную галерею. Это отличный способ создать привлекательную коллекцию фото и видео в одном месте.

Видеогалерея

Добавьте это поле в конструкторе. Откроется панель настроек.

Укажите количество столбцов для отображения видео (по умолчанию установлено 4).

Выберите из списка способ отображения:

• «Вместить» – видео заполнит родительский элемент по ширине или высоте (в зависимости от формата видео)
• «Заполнить» – видео будет растянуто на весь родительский элемент как по ширине, так и по высоте.

Активируйте переключатель «Показывать название», если нужно отображать подпись под каждым видео.

Добавление видео

В панели «Видео» кликните кнопку Добавить.

Появится всплывающее окно

Из выпадающего списка выберите виджет, если он был ранее создан, после чего нажмите кнопку Добавить.

Важно! Доступны только варианты с типом отображения «В теле страницы». Если после создания перейти в раздел «Видеовиджет» и поменять отображение на «Вертикальный» или «Круглый», то видео не будет отображаться на странице.

Либо нажмите Добавить новое видео. Откроется еще одно окно, где нужно:

• указать название
• загрузить видео, кликнув по полю загрузки или перетащив файл.
• выбрать один из вариантов отображения.

После этого нажмите кнопку Добавить.

В выпадающем списке будет выбран созданный виджет. Нажмите кнопку Добавить.

В конструкторе отобразится превью.

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

При необходимости в панели «Видео» можно:

• поменять порядок видео, просто перетащив его в нужное место;
• отредактировать название. Нажмите на кнопку с изображением карандаша, укажите новый текст и сохраните;
• удалить видео по нажатию на значок крестика.

Галерея позволяет установить определенное количество столбцов для улучшения адаптивности.

В панели «Адаптивное поведение» укажите количество колонок для отображения на планшетах и мобильных устройствах.

По завершении сохраните настройки и откройте форму на сайте

Способ отображения «Вместить»

Способ отображения «Заполнить»

При наведении запускается превью видео.

По клику открывается модальное окно и видео проигрывается полностью. Есть кнопки переключения между роликами и управления воспроизведением (начать сначала, отключить звук), подпись отображается под видео. Таймлайн отображается только у премиальных виджетов.

В общих настройках дизайна можно изменить размер скругления и это отразится на виджетах.