Задать вопрос
ocean4real
@ocean4real
javascript

Как сделать фоновое видео на сайте как у Apple?

Как сделать фоновое видео как на сайте у Apple в разделе Apple Tv+. У низ оно фоном и на нем текст, и оно грузится быстро на все устройствах будь-то Iphone, Android или Desktop. Что бы оно грузилась в Safari в Chrome, быстро, качественно, и не грузило сильно устройство, загружалось быстро. Как? Помогите пожалуйста.
  • Вопрос задан
  • 435 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
@freekirill
Пишу под Битрикс 
<video autoplay loop>
   <source src="video/video2.mp4" type="video/mp4">
   <source src="video/video1.webm" type="video/webm">
   <source src="video/video3.ogv" type="video/ogg"/>
</video>


video{
   position:fixed;
   z-index:-1;
   min-width:100%;
   min-height:100%;
   overflow:hidden;
}


быстро, качественно, и не грузило сильно устройство - тут зависит от того чем видео будет пережато, сколько вес у файла. скорость интернета
Ответ написан
10 комментариев
10 комментариев
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать индикатор на TradingView по хаям/лоям дня недели
25 апр. 2024, в 08:45
4000 руб./за проект
Вычислить размер объекта по карте глубин
25 апр. 2024, в 07:37
5000 руб./за проект
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Ещё заказы