Как добавить видео в Tilda

Вставить видео на страницу сайта на Тильде не составит особого труда. Для этого есть специальные готовые решения в стандартных блоках Тильды, а также в Zero-block.

Предварительно видео нужно загрузить в Youtube или Vimeo. Просто загрузить файл видео не получится. По крайней мере на момент выхода статьи.

В какие блоки и как вставить видео поговорим в этой статье.

Как добавить видео в стандартные блоки

Начнем, пожалуй, с самого раздела Видео

Раздел Видео

  • блок VD01

В этот блок вы сможете вставить видео из Youtube. Обложка подтягивается автоматически.

  • блок VD03

В этот блок вы сможете вставить видео из Vimeo. Обложка подтягивается автоматически.

  • блок VD04

Простая кнопка для воспроизведения видео. По нажатию на кнопку открывается видео-плеер Youtube.

  • блок VD05

В это блок вы сможете добавить видео, загруженной на ваш хостинг или взятое с другого сайта (в этом случае вы полагаетесь на другой сервис). Формат видео может быть  .MP4, .WEBM. Вам нужно будет в «Контенте» блока поставить ссылку на это видео. Также, не забудьте загрузить обложку для видео.

  • блок VD06

В этот блок можно вставить два видео, загруженных в Youtube. Обложки подтягиваются автоматически. Можно добавить текст под каждым роликом.

  • блок VD06A

В этот блок можно вставить два видео, загруженных в Vimeo. Обложки подтягиваются автоматически. Можно добавить текст под каждым роликом.

  • блок VD07

В блок можно поставить ссылку на COUB — видео

  • блок VD08

Блок представляет из себя Текст и видео из Youtube. Ширину колонок можно менять. Сюда же можно добавлять кнопку под текст.

  • блок VD09

Всплывающий Pop-up блок с Youtube видео

  • блок VD10

Всплывающий Pop-up блок с видео из Vimeo

  • блок VD11

Блок с Youtube-видео. Сюда можно загрузить собственную обложку. Кроме этого, можно добавить Подзаголовок, Заголовок, Описание и Текст на обложку видео

  • блок VD12

Блок разделенный на две части: слева — видео из Youtube, справа — картинка. Обложка видео подтягиваются автоматически. Ширину колонок можно менять. Под картинкой можно добавить текст.

  • блок VD13

Блок c Youtube трансляцией. Сюда можно добавить живой чат, вставив html-код в соответсвующее поле.

  • блок VD14

Блок видео-плейлист. В «Контенте» блока можно вставить видео и с Youtube, и с Vimeo. Вставлять видео нужно в формате «ссылка; заголовок видео; длительность видео; описание».

Другие стандартные блоки

Кроме вышеперечисленных блоков, видео можно добавлять:

  • в обложки: CR01, CR02, CR06, CR07, CR08, CR10, CR11, CR12, CR15, CR16, CR17, CR18, CR19, CR19A, CR21, CR22, CR22A, CR27, CR28, CR36, CR37, CR38, CR40, CR41;
  • в галереи: GL01, GL06;
  • в текстовый блок: TX14;
  • в форму: BF402N;
  • о проекте: AB701;

Как добавить Видео в Zero-block

  1. Создайте Zero-block и зайдите в его редактирование.
  2. В левом верхнем углу нажмите на «плюсик» и выберите Add VIdeo
  1. Нажмите на блок видео, чтоб в правом меню настроек отобразились настройки блока с видео. Выберите ресурс, с которого будет добавлено видео и вставьте ссылку на него:

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

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

  1. Сохраните изменения.

Надеюсь, статья была полезная для вас.

Если остались какие-то вопросы, пишите из в комментариях. Без ответа не оставим никого