Изменение видео в зависимости от разрешения экрана ⇐ Html

[Anonymous]

У меня возникла эта проблема, возможно, вы подскажете мне решение

У меня есть два видео: 1920x1080 и 1280x720, верно?

пытаясь изменить видео в зависимости от разрешения экрана, я обнаружил, что решение использует медиа-теги

Код: Выделить всё

Дело в том, что я тестирую это на Macbook Pro Retina 13 дюймов, и он всегда отображает видео 1920x1080, и я нарушаю макет страниц
Если я изменю порядок таким образом

Код: Выделить всё

Видео-fisica.mp4 будет обработано

А также, с этой настройкой на моем локальном хосте все работает идеально, но когда я загружаю на свой сервер, это не так.

Код: Выделить всё

video { width: 100%; }
video source { width: 100%; height: auto; }

@media (max-width:767px){.elementor-hidden-phone{display:none}}
@media (min-width:767px){.elementor-phone{display:none}}
@media (max-width: 767px) {
header {
background-image: url("/static/imagenes/header.jpg"); // This is actually working.
}
}

Дополняю это,

Спасибо

Подробнее здесь: https://stackoverflow.com/questions/600 ... resolution