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

Инструкция

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», подготовил серию видео по работе с формами на Тильде.