fix(player): Added missing workflow to allow player to toggle fullscr…

…een if user is in fullscreen mode and controls are recreated
openplayerjs · Jan 31, 2019 · 2b48fe9 · 2b48fe9
1 parent cd3c72c
commit 2b48fe9
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/dist/openplayer.js b/dist/openplayer.js
@@ -5190,7 +5190,7 @@ var Fullscreen = function () {
 
     this.player = player;
     this.labels = player.getOptions().labels;
-    this.isFullscreen = false;
+    this.isFullscreen = document.body.classList.contains('op-fullscreen__on');
     var target = document;
     this.fullScreenEnabled = !!(target.fullscreenEnabled || target.mozFullScreenEnabled || target.msFullscreenEnabled || target.webkitSupportsFullscreen || target.webkitFullscreenEnabled || document.createElement('video').webkitRequestFullScreen);
     return this;
@@ -5255,6 +5255,8 @@ var Fullscreen = function () {
         } else {
           this._fullscreenChange();
         }
+
+        document.body.classList.remove('op-fullscreen__on');
       } else {
         var video = this.player.getElement();
         this.fullscreenWidth = window.screen.width;
@@ -5273,6 +5275,8 @@ var Fullscreen = function () {
         } else {
           this._fullscreenChange();
         }
+
+        document.body.classList.add('op-fullscreen__on');
       }
     }
   }, {

diff --git a/dist/openplayer.min.js b/dist/openplayer.min.js
diff --git a/src/js/controls/fullscreen.ts b/src/js/controls/fullscreen.ts
@@ -101,7 +101,7 @@ class Fullscreen implements PlayerComponent {
     constructor(player: Player) {
         this.player = player;
         this.labels = player.getOptions().labels;
-        this.isFullscreen = false;
+        this.isFullscreen = document.body.classList.contains('op-fullscreen__on');
 
         const target = (document as any);
 
@@ -188,6 +188,7 @@ class Fullscreen implements PlayerComponent {
             } else {
                 this._fullscreenChange();
             }
+            document.body.classList.remove('op-fullscreen__on');
         } else {
             const video = (this.player.getElement() as any);
             this.fullscreenWidth = window.screen.width;
@@ -206,6 +207,8 @@ class Fullscreen implements PlayerComponent {
             } else {
                 this._fullscreenChange();
             }
+
+            document.body.classList.add('op-fullscreen__on');
         }
     }