Полезные статьи

Как добавить видео на сайт, сделанный на Тильде

2025-02-26 12:24
Добавление видео на сайт, созданный на платформе Tilda, помогает сделать контент более привлекательным и информативным. В этой статье разберем несколько способов вставки видео на сайт.

1. Добавление видео из YouTube или Vimeo

Tilda поддерживает интеграцию с популярными видеохостингами, такими как YouTube и Vimeo. Чтобы вставить видео:
  1. Перейдите в редактор Tilda.
  2. Добавьте новый блок из категории "Видео" (например, блоки T844, T223, T805).
  3. В настройках блока вставьте ссылку на видео с YouTube или Vimeo.
  4. Сохраните изменения и опубликуйте страницу.

2. Загрузка собственного видео

Если видео не загружено на YouTube или Vimeo, можно использовать хостинг Tilda или сторонние сервисы:
  1. Используйте блок T844, который позволяет загружать видео напрямую.
  2. Загрузите видео в формате MP4 в файловый менеджер Tilda или на сторонний сервер.
  3. Укажите прямую ссылку на видео в настройках блока.

3. Вставка видео через код HTML

Для продвинутых пользователей есть возможность вставить видео вручную с помощью кода:
  1. Добавьте блок T123 (HTML-код).
  2. Вставьте следующий код:
<video width="100%" controls>
<source src="https://yourwebsite.com/video.mp4" type="video/mp4">
Ваш браузер не поддерживает видео.
</video>
  1. Замените ссылку на свою.
  2. Сохраните и опубликуйте.

4. Использование фона с видео

Tilda позволяет установить видео в качестве фона:
  1. Выберите блок T227, T228 или T229.
  2. В настройках блока загрузите видео или вставьте ссылку с YouTube/Vimeo.
  3. Настройте параметры воспроизведения (автовоспроизведение, без звука и т. д.).
  4. Сохраните изменения.

5. Другие источники видео

Помимо YouTube, Vimeo и файлового менеджера Tilda, можно использовать следующие источники:
  • Google Drive – загружайте видео и вставляйте ссылку через iframe.
  • Dropbox – аналогично, предоставьте публичную ссылку.
  • Facebook Video – используйте встроенные функции Facebook для встраивания.
  • Instagram Video – вставляйте ссылки на видео из постов.
  • Wistia, Dailymotion, Rutube, ВКонтакте – другие видеохостинги с поддержкой iframe-кода.

Заключение

Добавление видео на сайт в Tilda — простой процесс, который не требует знаний программирования. Используйте подходящий способ в зависимости от ваших задач и создавайте привлекательный контент для пользователей!