Когда мобильный телефон поворачивается, ширина и высота меняются местами в get User Media Api JavaScript

Question

Я использую камеру git getUserMedia (), но у меня есть большая проблема, потому что я просто установил видео и высоту 1280 и 720:

  videoConstraints.width = { min: 1280, ideal: 1280, max: 1280};
  videoConstraints.height = { min: 720, ideal: 720, max: 720};

Он отлично работает в компьютер, и в телефоне тоже, но ширина и высота поменялись местами на мобильном телефоне, я должен использовать мобильный в ландшафтном режиме, в портретном режиме высота 1280 и ширина 720, а когда в альбомной ориентации высота 720 и ширина 1280 (как я хочу), поэтому я искал информацию для этого, но я действительно не нашел реального решения.

Ссылка для получения пользовательского медиа API: https://developer.mozilla.org/es/docs/Web/API/MediaDevices/getUserMedia

Ссылка на видео ограничения: https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamConstraints/video

Answer 1

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

Answer 2

Вместо присвоения значения абсолютной ширины с помощью атрибута HTML в теге изображения назначьте правило максимальной ширины CSS, которое нацеливает изображение в виде значения относительной ширины в процентах, например: img {max- ширина: 100%}

Попробуйте и посмотрите, что получится.