Задать вопрос
@PanCar
javascript

Как сделать чтобы когда нажимаешь 1-й раз то full screan открывался,а когда 2-й раз то закрывался?

Здравствуйте,как сделать чтобы когда нажимаешь 1-й раз то full screan открывался,а когда 2-й раз то закрывался?Та же функция на видеопрогрователях в онлайн кинотеатрах.
Скрипт открытия и закрытия есть,вот если надо
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<button id="sum"><img width="20" height="20" src="Без названия.png" alt=""></button>
<button id="sub" >Стандартный экран</button>
<script>
	document.querySelector('#sum').addEventListener('click', function(){
        if(document.documentElement.webkitRequestFullscreen) {
                document.documentElement.webkitRequestFullscreen();
        }
        else{
            document.documentElement.mozRequestFullScreen();
        }
});
document.querySelector('#sub').addEventListener('click', function(){
    if(document.documentElement.webkitRequestFullscreen) {
        document.webkitCancelFullScreen()
   }
    else{
        document.mozCancelFullScreen();
    }
});
    </script>
</body>
</html>
  • Вопрос задан
  • 74 просмотра
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
@dintear_koden 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<button id="sum"><img width="20" height="20" src="Без названия.png" alt=""></button>
	<script>
		let sum = document.querySelector('#sum');

		sum.addEventListener('click', function(){
			if (document.fullscreenElement) {
				document.exitFullscreen();
			}
			else {
				document.documentElement.requestFullscreen();
			}
		});
	</script>
</body>
</html>
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
1000 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы