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