@PanCar

Как сделать чтобы когда нажимаешь 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>
  • Вопрос задан
  • 72 просмотра
Решения вопроса 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>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы