BZ3
YA-VID
A BZ3 SYSTEM
Создать плеер

Как вставить видео Яндекс.Диска на Tilda

Для Tilda лучше выбирать способ вставки по роли видео: главный ролик можно показывать iframe-блоком, а второстепенные видео лучше открывать через кнопку или popup.

Какой вариант выбрать в Tilda

HTML-блок

Для точной iframe-вставки на страницу и контроля адаптивной высоты.

Кнопка + modal

Для лендингов, где скорость первого экрана важнее мгновенной загрузки плеера.

Zero Block

Для дизайнерской компоновки: кнопку можно оформить в стиле сайта, а плеер открывать отдельно.

Пошаговая вставка на Tilda

Создайте код

Сгенерируйте iframe или script-вставку в YA-VID по публичной ссылке Яндекс.Диска.

Добавьте HTML-блок

Вставьте код в блок для произвольного HTML или в подходящий пользовательский блок.

Проверьте адаптив

Проверьте desktop, tablet и mobile, чтобы видео не выходило за границы секции.

Лёгкий вариант для лендинга

Чтобы не замедлять первый экран, можно показывать кнопку, а плеер открывать после клика.

<a href="https://ya-vid.bz3.ru/video.php?url=PUBLIC_YANDEX_DISK_URL"
   target="_blank" rel="noopener">
  Смотреть видео
</a>

Чек-лист для Tilda

  • не размещайте iframe внутри слишком узкой колонки без проверки mobile;
  • для главного экрана используйте placeholder или кнопку, если страница тяжёлая;
  • проверяйте публикацию, а не только предпросмотр редактора;
  • если блок обрезает iframe, задайте контейнеру пропорцию 16:9;
  • сохраняйте рядом текстовое описание ролика.

FAQ для этой CMS

Нужно ли устанавливать плагин для CMS?
Нет, базовая интеграция YA-VID работает через iframe или script-код. Плагин не требуется, если редактор позволяет вставлять HTML.
Будет ли CMS хранить видеофайл у себя?
Нет. CMS хранит только код вставки. Сам видеофайл остаётся на стороне исходного публичного хранилища, а YA-VID создаёт веб-плеер и ссылку просмотра.
Почему лучше не ставить много iframe на одну страницу?
Каждый iframe — отдельный плеерный контекст. Для каталогов, списков и длинных страниц лучше использовать кнопку, popup или modal, чтобы не замедлять загрузку.
Почему iframe может обрезаться в Tilda?
Чаще всего проблема в высоте блока или адаптивных настройках секции. Используйте контейнер с пропорцией 16:9 и проверьте мобильные брейкпоинты.