From 1674132b364b87224a311b8a8c5e18d6bde7ce48 Mon Sep 17 00:00:00 2001
From: relrelb <relrelbachar@gmail.com>
Date: Tue, 17 Nov 2020 21:43:57 +0200
Subject: [PATCH] web: Use fullscreen helper methods

In order to be compatible with browsers that don't support the
standard Fullscreen API.

Co-authored-by: Sean-Thomas <sean-thomas@pocketonion.net>
---
 web/packages/core/src/ruffle-player.js | 52 ++++++++++++++++++++++----
 1 file changed, 44 insertions(+), 8 deletions(-)

diff --git a/web/packages/core/src/ruffle-player.js b/web/packages/core/src/ruffle-player.js
index c52b48084..537f4043b 100644
--- a/web/packages/core/src/ruffle-player.js
+++ b/web/packages/core/src/ruffle-player.js
@@ -241,6 +241,46 @@ exports.RufflePlayer = class RufflePlayer extends HTMLElement {
         }
     }
 
+    fullscreenEnabled() {
+        return (
+            document.fullscreenEnabled ||
+            document.mozFullScreenEnabled ||
+            document.webkitFullscreenEnabled
+        );
+    }
+
+    isFullscreen() {
+        return (
+            (document.fullscreenElement ||
+                document.mozFullScreenElement ||
+                document.webkitFullscreenElement) === this
+        );
+    }
+
+    enterFullscreen() {
+        if (this.requestFullscreen) {
+            this.requestFullscreen();
+        } else if (this.mozRequestFullScreen) {
+            this.mozRequestFullScreen();
+        } else if (this.webkitRequestFullScreen) {
+            this.webkitRequestFullScreen();
+        } else if (this.msRequestFullscreen) {
+            this.msRequestFullscreen();
+        }
+    }
+
+    exitFullscreen() {
+        if (document.exitFullscreen) {
+            document.exitFullscreen();
+        } else if (document.mozCancelFullScreen) {
+            document.mozCancelFullScreen();
+        } else if (document.webkitCancelFullScreen) {
+            document.webkitCancelFullScreen();
+        } else if (document.msExitFullscreen) {
+            document.msExitFullscreen();
+        }
+    }
+
     open_right_click_menu(e) {
         e.preventDefault();
 
@@ -249,20 +289,16 @@ exports.RufflePlayer = class RufflePlayer extends HTMLElement {
         }
 
         const items = [];
-        if (document.fullscreenEnabled) {
-            if (document.fullscreenElement) {
+        if (this.fullscreenEnabled()) {
+            if (this.isFullscreen()) {
                 items.push({
                     text: "Exit fullscreen",
-                    onClick: () => {
-                        document.exitFullscreen();
-                    },
+                    onClick: this.exitFullscreen.bind(this),
                 });
             } else {
                 items.push({
                     text: "Enter fullscreen",
-                    onClick: () => {
-                        this.requestFullscreen();
-                    },
+                    onClick: this.enterFullscreen.bind(this),
                 });
             }
         }