Top.Mail.Ru
Loading...
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Идеи
Услуги
NLM175 • ВРЕМЯ НАСТРОЙКИ: 5 МИНУТ

Как добавить автовоспроизведение видео при наведении на Тильде?

Данная модификация позволяет автоматически запускать видео при наведении курсора мыши на его область.
Инструкция
  1. Создаешь в Zero Block элемент Video. Добавляешь этому элементу класс, вписываешь этот класс в генератор модификации в поле «Класс элемента». Чтобы указать class у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку «Add CSS Class Name», далее, справа в настройках указываешь class;
  2. Добавляешь прямую ссылку на видео. Например из Kinescope:
2.1. Регистрируемся на Kinescope;
Что бы активировать бонус на 2000 ₽, нужно внутри личного кабинета Kinescope написать в чат поддержки и указать промокод NOLIM

2.2. Перед загрузкой видео в Kinescope убедитесь в следующем:
  • Видео в формате mp4, если нет его можно перевести в этот формат при помощи бесплатного сервиса Cloudconvert;
  • Разрешение видео должен быть не больше 1080×1920px (В пропорциях 9:16);
  • Размер видео, чем меньше, тем быстрее загрузка как сайта, так и самого видео. Для сжатия рекомендуем использовать данный сервис;

2.3. Загрузив видео в Kinescope нажимаем на 3 точки → Копировать ссылку → Скопировать ссылку на видео, после вставляем в генератор.
  1. Чтобы наша модификация восприняла ссылку с видео она должна быть в таком формате kinescope.io/201 558 518/720p — где на конце мы указываем разрешение файла 360p 480p или 720p
Настройки генератора модификации:
  • «Класс видео» — укажите класс элемента Video;
  • «Звук» — доступен выбор «Включить», «Выключить»;
  • "Состояние видео" - доступен выбор «Сбрасывать», «Запоминать».
Сбрасывать: Если выбрана эта настройка, видео будет сбрасываться в начало, когда пользователь покидает область видео.
Запоминать: Когда эта настройка активна, видео будет продолжать воспроизводиться с того места, где пользователь остановился, когда он вернется обратно.;

3.Копируешь сгенерированный HTML код и вставляешь его в блок Т123;

Важно!
При загрузке сайта браузеры накладывают ограничения на автоматическое воспроизведение видео с включенным звуком. Для корректной работы модификации пользователю необходимо выполнить любое взаимодействие с сайтом до запуска видео.
Максим Мазурин, преподаватель курса «Верстка на Тильде с нуля до Pro», подготовил серию видео по работе с формами на Тильде.
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1