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

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

Данная модификация позволяет автоматически запускать видео при наведении курсора мыши на его область.

Посмотрите, как будет выглядеть модификация на вашем сайте.

Дизайн настраиваете сами — наша модификация добавит нужный эффект.
Максим Мазурин, преподаватель курса «Верстка на Тильде с нуля до Pro», подготовил серию видео по работе с формами на Тильде.
Инструкция
  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;

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

Сгенерируйте код для своего сайта

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

Популярные решения для вашего сайта

Не нашли нужное решение?

Часто задаваемые вопросы

Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.