Видеоплеер не меняет размер при вращении на телефоне - PullRequest
1 голос
/ 03 октября 2019

все. Я пишу сайт и тестирую его на мобильных устройствах. Он развернут здесь: http://vizio.distro.tv/web.html

Когда я поворачиваю телефон в горизонтальное положение, иногда видео становится больше экрана, и мне приходится использовать пальцы, чтобы увеличить изображение, чтобы оно уместилось на экране. Затем, когда я поворачиваю телефон в вертикальное положение, видео не возвращается в исходное положение в контейнере плеера, оно становится больше и выходит за пределы экрана. Эта проблема чаще встречается для видео "Live Channel". Однако, когда я тестирую его на инструменте разработчика Chrome (используя инструмент для мобильных устройств), все работает нормально.

Может кто-нибудь помочь мне выяснить, в чем проблема? Я могу предоставить код при необходимости.

Ответы [ 2 ]

1 голос
/ 03 октября 2019

Оберните ваш видеопроигрыватель в <div></div>, который вы можете использовать медиа-запросы CSS, чтобы выполнить эту работу за вас. CSS в основном выполняет свою работу, когда речь идет об отзывчивости веб-страниц.

Кроме того, медиа-запросы сотрудничают с этим метатегом

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
1 голос
/ 03 октября 2019

Попробуйте добавить это в тег <head>?

<meta name="viewport" content="width=device-width, user-scalable=no">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...