Как отследить, что элемент перестал быть открытым в полноэкранном режиме js?

Когда пользователь наживает на видео я вывожу видео-плеер в полноэкранный режим. Я бы очень хотел отследить, когда видео-плеер перестанет быть в полноэкранном режиме. В интернете я смог найти событие 'fullscreenchange'. Но дальше мне надо отследить находится ли видео-плеер в полноэкранном режиме, чтобы именно при выходе из него скрыть видео-плеер. Как бы отследить, находится ли сейчас видео-плеер в полноэкранном режиме?
Вот мой код:
const OnLoad = useCallback (() => {
        if (videoRef.current !== null) {
            videoRef.current.style.display = 'block';
            (document.getElementById('VideoPlayer') as HTMLDivElement).requestFullscreen();//Даю элементу полноэкранный режим
        }
    }, []);

    useEffect (() => {
        (document.getElementById('VideoPlayer') as HTMLDivElement).addEventListener('fullscreenchange', () => {
            if ( document.getElementById('VideoPlayer').fullscreenElement /*Тут я ловлю ошибку: Property 'fullscreenElement' does not exist on type 'HTMLElement', но очень хотелось бы всё-таки отследить это*/ )
           /*...*/
        })
    }, []);
  • Вопрос задан
  • 62 просмотра
Решения вопроса 1
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
06 дек. 2022, в 22:59
1300 руб./за проект
06 дек. 2022, в 22:21
5000 руб./за проект
06 дек. 2022, в 20:37
10000 руб./за проект