Когда пользователь наживает на видео я вывожу видео-плеер в полноэкранный режим. Я бы очень хотел отследить, когда видео-плеер перестанет быть в полноэкранном режиме. В интернете я смог найти событие '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', но очень хотелось бы всё-таки отследить это*/ )
/*...*/
})
}, []);
