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

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

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

https://vk.com/video-219751701_456239482

VK Видео | YouTube | Rutube

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

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

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

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

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

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

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

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

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

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

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

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

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

Выберите загруженный ролик

  1. Кликните на видео и настройте его параметры:
    • Размер — рекомендуется поставить «На всю ширину», чтобы не ломалась верстка)
    • Поведение — автоплей, зацикливание, скрытие управления, звук
    • Обложку — загрузите картинку или выберите из хранилища файлов.

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. Перейдите в макет страницы с коллекцией.
  2. Добавьте элемент Rich Text внутрь блока Collection Item.

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

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

Привяжите Rich Text к полю «Видео»

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

Резюме

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