Загрузка видео на Тильду в 2025 году. Что лучше использовать?

Кратко: я использую Kinescope. Бесплатно он дает загружать 100 минут видео и 200 ГБ трафика в месяц. А также там можно легко настроить отображение плеера (цвет, управление, настройки и другое). А за 500 р.месяц вы получаете: безлимитное хранение видео, защита видео от скачивания, безлимитные FullHD трансляции.

Личный совет: всегда сжимайте видео перед загрузкой куда либо. Так оно и места будет занимать на сервисе меньше, и загружаться для посетителей сайта будет быстрее. А это позитивно скажется на вашем SEO.

Tilda предлагает несколько гибких методов для вставки видео, выбор которых зависит от ваших задач.

Стандартные блоки
В библиотеке Tilda есть категория «Видео» с готовыми блоками для вставки роликов. Достаточно скопировать ссылку на видео с платформ вроде YouTube или Vimeo и вставить ее в настройках блока.

Zero Block
Этот инструмент для веб-дизайна позволяет добавить видео с полным контролем над его расположением, размером и стилем. В редакторе Zero Block нужно добавить элемент «Video» и указать ссылку на ролик. Это дает возможность сочетать видео с другими элементами дизайна, такими как текст, графика и анимация.

HTML-код
Для максимального контроля и использования видео с любых платформ можно применять вставку через HTML-код. Используйте блок T123 из категории «Другое», чтобы вставить embed-код с YouTube, Vimeo или собственного сервера.

iFrame
Это универсальный способ для вставки видео с платформ, которые предоставляют готовый код для встраивания. Просто скопируйте iFrame-код и вставьте его в HTML-блок.

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

Процесс добавления видео в Zero Block интуитивно понятен и состоит из нескольких шагов:

1. Создайте на странице новый Zero Block или откройте для редактирования существующий.
2. В редакторе нажмите на кнопку с иконкой плюса (+) в левом верхнем углу, чтобы добавить новый элемент, и выберите «Video» или html-код.
3. На рабочей области появится элемент видео. Вы можете свободно перемещать его, изменять его размер и настраивать его положение относительно других объектов, таких как текст, фигуры или кнопки.

Стандартные блоки Тильды для вставки видео.
VD01 - этот блок предназначен для вставки одиночного видеоролика на страницу. Он является одним из базовых элементов для добавления видеоконтента. Блок VD01 позволяет интегрировать видео с различных платформ, включая YouTube, Rutube, Kinescope и VK Видео. Также его можно использовать для создания динамического контента, например, для уроков в онлайн-курсах.

Блок VD04 представляет собой кнопку с иконкой "Play", при нажатии на которую открывается и воспроизводится видео. Это позволяет не загружать видеоплеер сразу при открытии страницы, а делать это только по инициативе пользователя. Этот блок также оптимизирован для цифровой доступности, что позволяет пользователям с ограниченными возможностями легко управлять воспроизведением.

VD06N - этот блок позволяет разместить два видеоплеера рядом в две колонки. Он удобен, когда необходимо сравнить два ролика или представить связанный контент одновременно. Как и другие стандартные видео-блоки, он поддерживает вставку видео с YouTube и других платформ. Блок также адаптирован для программ чтения с экрана.

Блок VD08 предназначен для создания композиции из текста и видео, расположенных в двух колонках. Это позволяет сопроводить видеоролик подробным описанием, заголовком или призывом к действию, разместив их рядом. Блок поддерживает видео с различных хостингов, включая YouTube, Rutube и Kinescope. Его можно гибко настраивать, например, для вызова pop-up окна при взаимодействии с видео

С помощью блока VD14 можно создать плейлист из нескольких видео с YouTube, Vimeo или Kinescope. Это удобно для организации видеокурсов, уроков или обзоров.

Блок VD16 из категории «Видео» позволяет закрепить небольшой видеовиджет в углу экрана. Он воспроизводится без звука и при клике открывает основное видео, что помогает привлечь внимание к продукту или услуге.

Для создания динамичных обложек можно использовать видео в качестве фона. В настройках блока обложки достаточно вставить ссылку на ролик с YouTube или прямую ссылку на файл в формате MP4 или WebM. Рекомендуется использовать короткие, зацикленные видео.

В каталоге товаров можно добавить видео в карточку продукта, чтобы нагляднее продемонстрировать его особенности. Для этого нужно вставить ссылку на ролик с YouTube, Vimeo или Kinescope и др. в соответствующее поле.

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

Поскольку Tilda не позволяет загружать видеофайлы напрямую на свою платформу, необходимо использовать сторонние сервисы.

Для использования собственных видеофайлов в форматах MP4 или WebM их нужно загрузить на внешний хостинг, который предоставляет прямые ссылки на файлы или embed-код (код для вставки видео). Сервисы облачного хранения, такие как Google Drive или Dropbox, для этой цели не подходят, так как не дают прямых ссылок. После загрузки на подходящий хостинг (например, Kinescope) вы получаете прямую ссылку, которую можно вставить в соответствующие блоки Tilda

Для базовых блоков с видео из категории Видео, Обложка, Форма и Галерея теперь можно загрузить видеофайлы до 5 MB в формате .mp4 или .webm.

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

Вы можете использовать ролики, размещенные на популярных видеохостингах:

• YouTube и Vimeo: Самые популярные варианты. Достаточно загрузить видео и скопировать ссылку для вставки на сайт Tilda. Vimeo предлагает плеер без рекламы, что подходит для профессиональных портфолио и курсов.
• Rutube и VK Видео: Российские сервисы, которые также позволяют получить код для встраивания видео на сайт. VK Видео является бесплатным решением, но может отображать логотип соцсети.
• Kinescope и Boomstream: Профессиональные платформы, подходящие для коммерческого и образовательного контента. Они предлагают расширенные функции, такие как защита контента, аналитика и брендирование плеера.