Веб-приложение скрывает панель навигации Android (виртуальную кнопку «Назад», домашний экран и т. д.) в Chrome (через javascript)
Я делаю веб-приложение и хотел бы создать настоящий полноэкранный режим. Для Android это включает в себя скрытие как адресной строки Chrome вверху, так и панели навигации внизу (виртуальные кнопки «Назад», «Домой» и «Многозадачность»).
Я просмотрел полноэкранный API, статья о полноэкранном режиме и screenfull.js. Все они реализуют скрытие адресной строки Chrome, но не панели навигации внизу. (Однако они скрывают это в некоторых других браузерах, таких как Opera.) Я тестировал это на Xiaomi mi A2 и Galaxy S8.
Должен быть способ добиться этого (по крайней мере, для элемента видео), потому что полноэкранный режим как на YouTube, так и на PornHub может полностью скрыть это меню.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Используйте веб-манифест. Поместите это в файл:
{
"display": "fullscreen"
}
Затем добавьте в заголовок вашего HTML:
<link rel = "manifest" href = "/manifest.webmanifest">
Проверьте эту ссылку для всех возможных методов: https://developer.mozilla.org/en-US/docs/Web/Manifest
Да, я знаю, что полноэкранный режим работает так, как задумано, если он указан в манифесте. Проблема в том, что на обычной вкладке Chrome это не работает.
Немного опоздал на вечеринку, но, надеюсь, это все еще помогает.
Метод requestFullscreen() полноэкранного API принимает необязательный объект опций.
document.documentElement.requestFullscreen({ navigationUI: 'hide' });
Это должно сработать.
YouTube автоматически скрывает панель навигации, потому что использует новую функцию Chrome автоматического полноэкранного режима в альбомной ориентации. Это работает только для тегов
<video>и использует собственные элементы управления для отображения пользовательского интерфейса системы, проводя пальцем по верхней или правой части экрана.