Как вставить свое видео на сайт тильда

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

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

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

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

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

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

Раздел Видео

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

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

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

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

Как добавить видео? | Тильда Бесплатный Конструктор для Создания Сайтов

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

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

Как сделать сайт ответ

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

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

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

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

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

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

Блок видео-плейлист. В «Контенте» блока можно вставить видео и с 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. Нажмите на блок видео, чтоб в правом меню настроек отобразились настройки блока с видео. Выберите ресурс, с которого будет добавлено видео и вставьте ссылку на него:

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

Как добавить видео в ТИЛЬДА | dropbox

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

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

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

Как посмотреть на каком коде написан сайт

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

Источник

Как добавить видео с RUTUBE Рутуба на сайт Tilda Тильда

Орлов Александр

Ранее у меня на сайте были добавлены видео из Ютуба. Однако возникла необходимость добавить видео и Рутуба. Но также просто как добавить видеоролик из Ютуба через стандартные блоки Тильды не получилось. Как я решил эту проблему — смотрите в видео. Кто знает как решить проблемы, описанные в видео — добро пожаловать в комментарии.

Источник

Вставка видео на страницу

Есть 3 основных метода вставки видео: вставка Youtube, Vimeo и возможность добавить прямую ссылку на видео на стороннем сервере (HTML5 видео). Выберите подходящий вам блок, перейдите в Контент блока и вставьте ссылку на него.

Видео с Youtube можно вставить в блоках VD01 (одно видео), VD04 (показ после нажатия на кнопку Play), VD06 (два видео), VD08 (видео и текст), VD09 (попап с видео), VD11 (видео со своей обложкой), VD12 (в комбинации с изображением в ряд), VD14 (плейлист), некоторых блоках с галереей, а также блоках с полноэкранным фоном с изображением в качестве фона (подробнее про вставку видео фоном).

Для вставки видео достаточно ссылки и чтобы видео было публичным и не имело запрета для вставки на сторонних сайтах в настройках приватности.

Чтобы видео воспроизводилось с определенного момента, вставьте фрагмент ?start= и после него укажите нужное время в секундах от начала ролика. Например, XEfDYMngJeE?start=5025. В таком случае видео начнет воспроизводиться с 5025 секунды. Быстро скопировать время можно, щелкнув правой кнопкой по плееру и выбрав пункт «Скопировать URL видео с привязкой ко времени».

Видео с Vimeo можно вставить в блоках VD03 (одно видео), VD06A (два видео), VD08 (видео и текст), VD10 (попап с видео), VD11 (видео со своей обложкой) и VD14 (плейлист) и некоторых блоках с галереей. В качестве фона видео с Vimeo вставить не получится.

Как отслеживать переходы на сайт

Если ваше видео закрыто настройками приватности в Vimeo, то у него появится дополнительная комбинация цифр и букв в конце ссылки после номера видео. Чтобы видео воспроизводилось, добавьте эту комбинацию в поле Vimeo Private Link Hash.

Если ваше видео не находится на данных видеохостингах, то его можно загрузить на собственный сервер и вставить в блоки с HTML5 видео. Это блоки VD05 (одно видео), VD08 (видео и текст), VD11 (видео со своей обложкой) и VD15 (HTML5 видео в попапе) и некоторые блоки с галереей. Также HTML5 видео можно вставить в качестве фона в блоки с полноэкранным фоном (подробнее про вставку видео фоном).

Чтобы добавить такое видео на страницу, нужно получить файл видео в формате webm и mp4. Сконвертировать видео в эти форматы можно с помощью онлайн-конвертеров или в программах редактирования или конвертации видео. Далее нужно разместить его на хостинге и получить прямую ссылку на файл. Обратите внимание, что не все файловые хранилища имеют такую возможность и с большой вероятностью нужно будет использовать платный файловый хостинг, например, Selectel.

З агрузить свой видеофайл на Тильду не получится, но можно использовать сторонние сервисы, которые отдают прямую ссылку на файл.
Некоторые из популярных облачных сервисов тоже отдают прямую ссылку на файл, например, Dropbox и Google Drive (инструкции ниже).

Источник

Как вставить свое видео на сайт тильда

3) Во вкладке «Контент» в поле «HTML КОД / КОД ВИДЖЕТА» вставьте код, который вы скопировали ранее в админке GetReview:

Виджет отображается только после публикации страницы. В режиме редактирования или предпросмотра виджет не отображается.

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

Как создать счетчик сайта
Источник
Рейтинг
Загрузка ...