как сделать html элемент go полноэкранным и автоматически поворачивать в альбомную ориентацию в мобильных браузерах?

Question

Вызов метода requestFullscreen () для элемента видео выполняет свою работу. Видео переходит в полноэкранный режим, а также поворачивается в альбомную ориентацию в мобильных браузерах.

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

Как я могу повернуть весь элемент div в альбомную ориентацию?

Answer 1

Вы стилизовали ваш содержащий DIV DIV, чтобы он выглядел по-разному в разной ориентации и в полноэкранном режиме? Я предполагаю, что это именно то, чего вам не хватает.

Обратите внимание на элементы стиля для :fullscreen и медиа-запросов.

• https://tympanus.net/codrops/css_reference/fullscreen/
• https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries