Видео на Tilda без рекламы и чужих логотипов

Вставьте плеер Kinescope в блок T123, Zero Block, всплывающее окно или лекцию курса на Tilda. С вашим дизайном плеера, защитой уроков и аналитикой просмотров.

Нам доверяют видео

Три способа поставить видео на Tilda

На лендинг, во всплывающее окно или в курс.
Tilda, блок T123 «HTML-код»: код плеера Kinescope, ширина 10 колонок, нажата «Сохранить»
Tilda, блок T868: ссылка на видео Kinescope и ссылка #popup:embedcode для кнопки
Лекция курса Tilda: «Видео: id или ссылка» — Kinescope, включается водяной знак с почтой ученика
Блок T123 или Zero Block: адаптивный код в html-блок

1. В Kinescope дважды кликните по видео, нажмите «Встроить» и скопируйте адаптивный код.

2. В Tilda добавьте блок T123 «HTML-код» — быстрее всего найти его поиском по блокам.

3. Вставьте код, задайте ширину: например, 10 колонок и 1 колонку отступа.

4. Опубликуйте страницу. В режиме предпросмотра плеер не виден — только после публикации.

5. T123 есть только на платных тарифах Tilda. В Zero Block код вставляется в HTML-элемент так же.

6. В адаптивном коде можно менять CSS, но параметры iframe лучше не трогать.

Tilda, блок T123 «HTML-код»: код плеера Kinescope, ширина 10 колонок, нажата «Сохранить»
Всплывающее окно T868: плеер по клику на кнопку

1. Для всплывающего окна возьмите готовый скрипт для блока T868 из базы знаний и привяжите ссылку #popup:embedcode к кнопке.

2. Живые примеры — на демо-странице Kinescope.

Tilda, блок T868: ссылка на видео Kinescope и ссылка #popup:embedcode для кнопки
Курсы Tilda: лекция, которую не скачать

1. Выберите Kinescope в лекции: параметр «Видео: id или ссылка» → Kinescope. Укажите ссылку, ID или UUID видео.

2. Включите водяной знак: поверх видео появляется почта ученика, вошедшего в личный кабинет Tilda. Знак перемещается по кадру.

3. Вебинар — тоже в лекции: «Ссылка на вебинар» или «Embed-код» трансляции Kinescope. Чат и рестриминг настраиваются в Kinescope.

Лекция курса Tilda: «Видео: id или ссылка» — Kinescope, включается водяной знак с почтой ученика

Курсы на Tilda: урок, который не скачать

В конструкторе курсов Tilda сама рекомендует Kinescope для защиты видео от скачивания.

Видеоурок Kinescope, 5,5 минуты

Что получает видео на сайте

Tilda не хранит видеофайлы: ролик нужно загрузить на хостинг и встроить. В Kinescope он лежит на серверах в России и открывается в вашем плеере.

Плеер без рекламы

Ни рекламы, ни чужих рекомендаций в конце ролика. Зритель остаётся на вашем лендинге.

Плеер Kinescope без рекламы: урок с преподавателем, название слева, панель управления и прогресс Плеер Kinescope без рекламы: урок с преподавателем, название слева, панель управления и прогресс

Под дизайн сайта

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

Настройки плеера Kinescope: цвет, свой логотип, автозапуск, скрытая панель управления Настройки плеера Kinescope: цвет, свой логотип, автозапуск, скрытая панель управления

Аналитика по ролику

Сколько раз запускали видео, досмотрели ли до конца, на какой секунде бросили. Ограничьте показ доменом сайта на Tilda — скопированный код на другом сайте не заработает.

Аналитика Kinescope: растут просмотры, зрители и процент досмотра, рисуется график Аналитика Kinescope: растут просмотры, зрители и процент досмотра, рисуется график

Первое видео на Tilda — бесплатно

Загрузите ролик в Kinescope, скопируйте код и вставьте в блок T123. Карта не нужна.

FAQ

Не нашли ответ?
Загляните в Базу знаний.

Как вставить видео Kinescope в Tilda?

Скопируйте адаптивный код в Kinescope («Встроить»), добавьте на страницу Tilda блок T123 «HTML-код», вставьте код и опубликуйте страницу. В Zero Block код вставляется в HTML-элемент.

Почему плеер не виден в Tilda?

В режиме предпросмотра Tilda не показывает плеер. Опубликуйте страницу и откройте её по адресу сайта.

Нужен платный тариф Tilda?

Для блока T123 — да, он есть только на платных тарифах. В конструкторе курсов Tilda Kinescope выбирается в настройках лекции.

Как открыть видео во всплывающем окне?

Добавьте блок T868 с готовым скриптом из базы знаний, укажите ссылку на видео, а ссылку #popup:embedcode привяжите к кнопке. Примеры — на демо-странице.

Как защитить видео в курсе на Tilda?

В лекции выберите Kinescope в параметре «Видео: id или ссылка». Включите в Kinescope динамический водяной знак: поверх видео появится почта ученика, вошедшего в личный кабинет Tilda. Ещё можно ограничить показ доменом сайта и включить DRM.

Можно получить прямую ссылку на MP4 для блока CR32N?

Да: добавьте к ссылке на видео /360p, /480p, /720p или /1080p. Ссылка работает, если у видео выключено DRM-шифрование и есть исходник в таком качестве.

Как провести вебинар в курсе Tilda?

В лекции-вебинаре выберите «Ссылка на вебинар» или «Embed-код» и вставьте ссылку или код трансляции Kinescope. Чат, рестриминг и защита настраиваются в Kinescope.

Есть промокод на Tilda?

Промокод kinescope даёт месяц Tilda Personal бесплатно для новых пользователей. Введите его в профиле Tilda.

Покажите миру своё видео вместе с Kinescope

Без привязки карты и ограничений по времени