Модификация находится в бета-версии. Если нашли ошибку, сообщите о ней здесь

Модификации

+16

Максим Постников

hello@postnikovmd.com

Политика Конфиденциальности

+16

Главная
→
Модификации
→
Видео и аудио
→
Время настройки: 2 минуты

Свои кнопки управления для видео/аудио

Позволяет создавать кастомные кнопки управления видео и аудио в Zero-блоках и добавляет новые возможности управления проигрыванием.

Кнопки управления видео в Zero-блоке

Запуск видео в Zero-блоке по ховеру

Модификация

Свои аудиофайлы в Zero-блоке

Модификация

Запуск видео по ховеру в Zero-блоке

Инструкция по установке

1

Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта

Этот код устанавливается только один раз. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.

<script src="https://cdn.jsdelivr.net/gh/postnikovmd/tilda@1.1/media.min.js"></script>

1
2

Создайте Zero-блок, добавьте в него элементы с видео формата .mp4 и задайте им класс .uc-video

В одном блоке может быть несколько видео с таким классом. Если вы планируете добавить несколько таких блоков, задайте для видео внутри них разные названия классов, например, .uc-video1, .uc-video2 и т.д.

Важно: модификация работает только с файлами .mp4. YouTube, VK Video и другие видеохостинги не поддерживаются.
3

Задайте в настройках модификации класс видео и параметры его поведения
4

Скопируйте код и вставьте его в блок T123 в конец страницы

Как это сделано?

<script src="https://cdn.jsdelivr.net/gh/postnikovmd/tilda@1.1/media.min.js"></script>
<script>video.init(".uc-video", { hover: true })</script>

Открыть пример

Видео скоро появится…

Настройки модификации

Класс видео:

Останавливать другие видео при запуске:

<script>video.init(".uc-video")</script>

Скопировать код

Особенности

Работает с файлами .mp4

Поддерживаются только видео формата .mp4, загруженные на хостинг
Можно переключать по ховеру

Подойдёт для анимации статичных изображений. Подробнее
Поддерживает low power mode

Скрывает системную кнопку Play, если у видео есть превью

Документация

Элементы

Параметры

Чат для дизайнеров

Вместе всё получится

3 000+ человек

Присоединяйтесь ко мне в Telegram-канале!

Чтобы узнавать о новых модификациях и получать оперативную тех. поддержку

t.me/postnikovmds

Можете меня поблагодарить

Если у вас есть желание поблагодарить автора за работу, можете отправить любую сумму на развитие проекта

Присоединяйтесь ко мне в Telegram-канале!

Чтобы узнавать о новых модификациях и получать оперативную тех. поддержку

t.me/postnikovmds

Обо мне

Проекты

Блог

Связаться

Модификации

Максим Постников

Сообщить об ошибке

Политика Конфиденциальности

Столкнулись с ошибкой?

Расскажите подробнее о проблеме, при которой модификация не работает или работает неправильно

Хотите получить ответ по проблеме? Напишите напрямую на почту hello@postnikovmd.com или в Telegram

Хотите получить ответ по проблеме? Напишите напрямую на на почту или в Telegram

Расскажите подробнее о проблеме, при которой модификация работает неправильно

Сообщение отправлено

Спасибо за обращение! Мы провалидируем ошибку и исправим её в ближайшее время

Нравятся модификации?

Поделитесь впечатлениями от работы с библиотекой — обратная связь поможет нам стать лучше

Поделитесь впечатлениями о сервисе — обратная связь поможет нам стать лучше

Сообщение отправлено

Спасибо, что делитесь с нами! Это помогает нам развиваться и улучшать сервис