fullscreen bug in safari, fixes #121.

This commit is contained in:
Miroslav Šedivý
2021-12-12 19:26:21 +01:00
parent 5be8319d8a
commit e3d3911832
2 changed files with 42 additions and 15 deletions

View File

@ -20,6 +20,10 @@ export function elementRequestFullscreen(el: HTMLElement) {
//@ts-ignore
el.webkitEnterFullscreen()
//@ts-ignore
} else if (typeof el.mozRequestFullScreen === 'function') {
//@ts-ignore
el.mozRequestFullScreen()
//@ts-ignore
} else if (typeof el.msRequestFullScreen === 'function') {
//@ts-ignore
el.msRequestFullScreen()
@ -28,3 +32,33 @@ export function elementRequestFullscreen(el: HTMLElement) {
}
return true
}
export function isFullscreen(): boolean {
return (
document.fullscreenElement ||
//@ts-ignore
document.msFullscreenElement ||
//@ts-ignore
document.mozFullScreenElement ||
//@ts-ignore
document.webkitFullscreenElement
)
}
export function onFullscreenChange(el: HTMLElement, fn: () => void) {
if (el.onfullscreenchange === null) {
el.onfullscreenchange = fn
//@ts-ignore
} else if (el.onmsfullscreenchange === null) {
//@ts-ignore
el.onmsfullscreenchange = fn
//@ts-ignore
} else if (el.onmozfullscreenchange === null) {
//@ts-ignore
el.onmozfullscreenchange = fn
//@ts-ignore
} else if (el.onwebkitfullscreenchange === null) {
//@ts-ignore
el.onwebkitfullscreenchange = fn
}
}