3pp-mirror/neko
1
0
Fork 0
mirror of https://github.com/m1k1o/neko.git synced 2025-06-12 15:52:44 +02:00
Code Issues Projects Releases Packages Wiki Activity

fullscreen fallback to video #62.

Browse source
This commit is contained in:
Miroslav Šedivý 2021-05-24 23:56:01 +02:00
parent 3dbb265ef3
commit 8177b23557
2 changed files with 27 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

36
client/src/components/video.vue
View file

@ -478,24 +478,40 @@
this.$accessor.remote.toggle()
}
requestFullscreen() {
if (typeof this._player.requestFullscreen === 'function') {
this._player.requestFullscreen()
_elementRequestFullscreen(el: HTMLElement) {
if (typeof el.requestFullscreen === 'function') {
el.requestFullscreen()
//@ts-ignore
} else if (typeof this._player.webkitRequestFullscreen === 'function') {
} else if (typeof el.webkitRequestFullscreen === 'function') {
//@ts-ignore
this._player.webkitRequestFullscreen()
el.webkitRequestFullscreen()
//@ts-ignore
} else if (typeof this._player.webkitEnterFullscreen === 'function') {
} else if (typeof el.webkitEnterFullscreen === 'function') {
//@ts-ignore
this._player.webkitEnterFullscreen()
el.webkitEnterFullscreen()
//@ts-ignore
} else if (typeof this._player.msRequestFullScreen === 'function') {
} else if (typeof el.msRequestFullScreen === 'function') {
//@ts-ignore
this._player.msRequestFullScreen()
el.msRequestFullScreen()
} else {
return false
}
this.onResise()
return true
}
requestFullscreen() {
// try to fullscreen player element
if (this._elementRequestFullscreen(this._player)) {
this.onResise()
return
}
// fallback to fullscreen video itself (on mobile devices)
if (this._elementRequestFullscreen(this._video)) {
this.onResise()
return
}
}
requestPictureInPicture() {