Я использую Fullscreen API для переключения полного экрана в браузере. Это работает, но у меня есть два вопроса:Переключить браузер в полноэкранном режиме программно
- Когда я нахожусь на полном экране, если я нажму ссылку, чтобы перейти на другую страницу (в моем домене), страница покинет весь экран. Я хочу продолжить в полноэкранном режиме.
- В Chrome фон не заполняет всю высоту экрана.
Эти проблемы не возникают, когда я использую полноэкранный режим с помощью клавиши F11.
Существует некоторое решение этой проблемы? Некоторые API или работа вокруг?
Мой Javascript код:
// toggle fullscren
function toggleFullScreen(element) {
if (!document.fullscreenElement && // alternative standard method
!document.mozFullScreenElement && !document.webkitFullscreenElement) { // current working methods
launchFullScreen(element);
} else {
cancelFullscreen();
}
}
// Find the right method, call on correct element
function launchFullScreen(element) {
if (element.requestFullScreen) {
element.requestFullScreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
}
// Whack fullscreen
function cancelFullscreen() {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}
Моя кнопка для переключения на полный экран:
<a onclick="toggleFullScreen(document.documentElement);">
<img src="~/Content/icons/fullscreen-launch-icon.svg" />
</a>