Задать вопрос
0example
@0example
html

Как оптимизировать видео, вставляемое в качестве фона?

Вставляю через <video> видео ролик, который будет работать как фон блока. Само видео весит 22 мб при длительности 25-30 сек. Как происходит подгрузка таких роликов пользователю? С аудио, например, они сразу все скачиваются клиенту сразу. Получается что при загрузке страницы пользователь начнет еще качать целых 22 мб. Как справляются с такой задачей?
  • Вопрос задан
  • 7606 просмотров
4 комментария
Подписаться 50 Простой 4 комментария
Решения вопроса 1
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
Уменьшите битрейт и разрешение видео.
Переместите метаданные в начало mp4 контейнера
Установите preload="metadata"
htmlbook.ru/html/video/preload

Чтобы пиксели в глаза не бросались наложите на видео сеточку из маленьких черных точек
https://jsfiddle.net/soumyabg/wefLyrhp/
css background dotted overlay
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработка Django приложения и исправление ошибок конфигурации
25 апр. 2024, в 20:14
1000 руб./за проект
Завершение разработки проекта на CS2
25 апр. 2024, в 20:02
100000 руб./за проект
Требуется завершить backend (проектная работа)
25 апр. 2024, в 19:42
49000 руб./за проект
Ещё заказы