Видео не загружается на средних устройствах ⇐ CSS

[Anonymous]

Я создаю веб-сайт, на котором несколько пользователей могут общаться в видеочате. Я разработал его для устройств xs и сейчас пытаюсь стилизовать для среднего, но по какой-то причине видео не будет воспроизводиться строго на разрешении среднего устройства (ipad), которое я использую в веб-разработчиках Chrome. Оно будет воспроизводиться на xs, lg, xl и т. д.
Вот как я создаю новое видео для каждого пользователя:

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

const newElem = document.createElement('div')
newElem.setAttribute('id', `td-${remoteProducerId}`)
newElem.innerHTML = ''
videoContainerRef.current.appendChild(newElem)
document.getElementById(remoteProducerId).srcObject = new MediaStream([track])

Вот как я стилизую контейнер:

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

Я пытался задать для видео минимальную ширину или просто установить ее. ширина, и это не сработало. Я также пытался установить параметр «Авто». Следует отметить одну вещь: он работает, когда я загружаю его с другим разрешением, а затем переключаю на среднее, он работает... Так что похоже, что он просто загружается.

Подробнее здесь: https://stackoverflow.com/questions/790 ... um-devices