Как перевернуть видео на мобильном телефоне chrome, используя css (в полноэкранном режиме)? - PullRequest
2 голосов
/ 06 апреля 2020

Я занимаюсь разработкой веб-приложения, основной целью которого является потоковое видео с танцами, и я сталкиваюсь с этой проблемой только на мобильном устройстве chrome, оно работает безупречно на мобильном телефоне firefox и в любом другом настольном браузере.

Дело в том, что мне нужно иметь возможность переворачивать html5 видеоэлемент, и он работает ... ну, он работает до тех пор, пока я go не работает в полноэкранном режиме, затем он остается в течение нескольких секунд и возвращается к исходному видео ( не перевернуто).

Я использую свойство css "transform: scaleY (-1)".

Я пытался установить это свойство для тега video на верхний div, внутри тега video и div, который запрашивает полноэкранный режим. И div, запрашивающий полный экран без успеха. Если я установил масштаб (); к любому положительному числу от 0 до 1, похоже, все работает, но оно не работает с отрицательными числами.

Мне известно о UA css: not (: root): -webkit-full-screen {transform: none! важный}, но, похоже, это не проблема. Я бы скорее сказал, что это больше связано с тем, как chrome обрабатывает видео в полноэкранном режиме.

Любая помощь приветствуется. Если я не могу заставить его работать, мне придется предоставить другой поток с зеркальной версией каждого видео.

Заранее спасибо, если вам нужны примеры, не стесняйтесь спрашивать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...