diff --git a/README.md b/README.md index 3dd2e593..f3ec6d5f 100644 --- a/README.md +++ b/README.md @@ -48,6 +48,7 @@ This app uses Web RTC to stream a desktop inside of a docker container. This is - Disable debug mode by default. - Remove HTML tags from user name. - Upgraded `pion/webrtc` to v3 (by @mbattista). +- Added `requestFullscreen` compatibility for older browsers. # Getting started & FAQ diff --git a/client/src/components/video.vue b/client/src/components/video.vue index 7c709b4b..5aee4f68 100644 --- a/client/src/components/video.vue +++ b/client/src/components/video.vue @@ -476,7 +476,22 @@ } requestFullscreen() { - this._player.requestFullscreen() + if (typeof this._player.requestFullscreen === 'function') { + this._player.requestFullscreen() + //@ts-ignore + } else if (typeof this._player.webkitRequestFullscreen === 'function') { + //@ts-ignore + this._player.webkitRequestFullscreen() + //@ts-ignore + } else if (typeof this._player.webkitEnterFullscreen === 'function') { + //@ts-ignore + this._player.webkitEnterFullscreen() + //@ts-ignore + } else if (typeof this._player.msRequestFullScreen === 'function') { + //@ts-ignore + this._player.msRequestFullScreen() + } + this.onResise() }