arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобраны все параметры виджета видео: три режима заполнения (вмещать, покрывать, исходный размер), настройка обложки или первого кадра как превью, автовоспроизведение с рекомендациями по оптимальному размеру файла, зацикливание, отключение звука и полноэкранный режим на iOS. Виджет видео в Taptop ведёт себя как обычный блок: задаёшь любые размеры, отступы, позиционирование. Максимальный размер одного файла — 500 МБ, количество видео на проекте не ограничено. Автовоспроизведение без звука работает в браузерах по умолчанию — со звуком браузер заблокирует. Урок для всех, кто добавляет видео на сайт впервые. Никаких предварительных знаний не нужно — виджет добавляется из панели элементов и настраивается через правую панель, как любой другой блок.

Как добавить видео на сайт в Taptop

Клиент хочет видео в hero-секции или в блоке с демонстрацией продукта. Простой запрос — но сразу вопросы: какой размер задать? Как видео ведёт себя на мобильном? Что выбрать: «покрывать» или «вмещать»?
Виджет видео в Taptop работает как обычный блок: задаёшь размеры, отступы, позиционирование. Три режима заполнения управляют тем, как видео вписывается в блок. Максимальный файл — 500 МБ, количество видео не ограничено. Для всех, кто добавляет видео в проект. После просмотра размещаешь видео в любой секции и настраиваешь его поведение на всех устройствах.
Тайминги видео
00:00 — Виджет видео: добавление и базовые настройки размера 00:45 — Режимы заполнения: вмещать, покрывать, исходный размер 01:40 — Обложка: своя картинка или первый кадр 02:20 — Автовоспроизведение и ограничение размера (500 МБ / 10–15 МБ для автоплея) 03:10 — Зацикливание, без звука, полноэкранный режим на iOS 04:00 — Финальный пример с настройками

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока