@Pavstyuk

Как верно сделать адаптивную загрузка видео в зависимости от ширины экрана?

<video poster="poster.webp" autoplay muted loop>
    <source src="videoback-1080.mp4" media="(min-width: 1280px)" type="video/mp4">
    <source src="videoback-720.mp4" media="(max-width: 1280px)" type="video/mp4">
</video>


Друзья, подскажите, будет ли так работать, как написано? Теоретически ищу возможность уменьшить объем подгружаемых данных на мобильном устройстве, разница 40%. Можно ли так делать или как лучше? Хочу в зависимости от ширины экрана загружать разные видео файлы. Да, можно на JS подменять src, но можно ли чисто на HTML?

У меня видео подгружает и показывает, и вроде даже верно подгружает, но я не уверен. :)
  • Вопрос задан
  • 91 просмотр
Решения вопроса 1
IvanU7n
@IvanU7n
Пригласить эксперта
Ответы на вопрос 1
NikFaraday
@NikFaraday
Student full-stack Developer
Это + это. Далее запускаете проект и смотрите, будет ли оно работать или нет...

На крайняк берёте олдовый метод с блокнотом (Надеюсь, он у вас есть), закидуете туда html раметку, меняете расширение на .html (Только сначала документ нужно будет закрыть) и открываете БРАУЗЕРОМ

Вот вам, два способа проверить вашу интуицию, будет ли эти ЧЕТЫРЕ строчки работать так, как вы думаете или нет
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы