Как добавить видео в коллекции

Добавить видео в коллекцию в Taptop можно при помощи виджета Rich Text. Вставлять ролики можно двумя способами: загрузкой из хранилища ресурсов или через ссылку с видеосервисов (например VK-видео, YouTube или Rutube). Разберем оба варианта.

Смотрите видео:

Kinescope
VK Video
RuTube
YouTube
Vimeo

Шаг 1: Создайте поле для видео

Откройте коллекцию и добавьте новое поле Форматированный текст (Rich Text). Назовите его, например, «Видео».

Добавьте поле Rich Text

Задайте полю название

Именно через это поле вы будете вставлять ролики, а затем выводить их на страницу.

Шаг 2: Вставьте видео в поле

Вариант 1: Вставка видео из хранилища ресурсов

Откройте элемент коллекции и найдите в нем поле Rich Text.

Поле Rich Text в элементе коллекции

Нажмите кнопку Видео.

Нажмите кнопку Видео

Загрузите ролик с компьютера или выберите из файлового хранилища.

Загрузите ролик

Кликните на видео и настройте его параметры:

Размер — рекомендуется поставить «На всю ширину», чтобы не ломалась верстка)

Поведение — автоплей, зацикливание, скрытие управления, звук

Обложку — загрузите картинку или выберите из хранилища файлов.

Настройте параметры видео

5. Нажмите кнопку Сохранить — вы получите готовый видеоблок, который хранится прямо внутри коллекции.

Нажмите кнопку Сохранить

Вариант 2: Вставка видео по ссылке

В поле Rich Text нажмите кнопку Видео по ссылке.

Нажмите кнопку Видео по ссылке

Вставьте URL с YouTube, VK Видео, Rutube или Vimeo и настройте параметры отображения (ширина, позиционирование, автоплей, звук, элементы управления).

Вставьте ссылку на видео и настройте параметры

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

3. Нажмите кнопку Сохранить.

Нажмите кнопку Сохранить

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

Шаг 3: Выведите видео на страницу

Перейдите в макет страницы с коллекцией.

Добавьте элемент Rich Text внутрь блока Collection Item.

Добавьте в Collection Item элемент Rich Text

Выберите этот Rich Text и в правой панели привяжите его к полю «Видео».

Готово! Видео, добавленные в коллекцию, автоматически подгружаются на страницу — без ручного редактирования.

Резюме

Для вставки видеороликов в коллекцию достаточно одного поля Rich Text. Вы можете загружать видео из файлового хранилища или добавлять их по ссылке, гибко настраивать параметры воспроизведения и выводить видео на странице без лишних усилий. Это значительно ускоряет работу с контентом, особенно если вы ведете блог, новости или каталог проектов.