Handle entering and exiting fullscreen

This commit is contained in:
1ilit
2023-09-19 15:48:35 +03:00
parent a2aa12f598
commit ef09ded98c
3 changed files with 155 additions and 114 deletions

26
src/utils/index.js Normal file
View File

@@ -0,0 +1,26 @@
const enterFullscreen = () => {
const element = document.documentElement;
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
}
};
const exitFullscreen = () => {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
};
export { enterFullscreen, exitFullscreen };