fix: Picture in Picture visible while Fullscreened

Picture in Picture remains open if entering fullscreen. This disables Picture in Picture when entering fullscreen. Closes videojs#7921
ThorTJ · Oct 2, 2022 · 92760fc · 92760fc
1 parent 5bcf4d1
commit 92760fc
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/js/player.js b/src/js/player.js
@@ -2918,6 +2918,11 @@ class Player extends Component {
 
       if (promise) {
         promise.then(() => this.isFullscreen(true), () => this.isFullscreen(false));
+        // When entering fullscreen disable picture in picture
+        // This is done with promises when supported
+        if (this.isInPictureInPicture()) {
+          promise.then(this.exitPictureInPicture());
+        }
       }
 
       return promise;
@@ -2930,6 +2935,10 @@ class Player extends Component {
       // fill the viewport
       this.enterFullWindow();
     }
+    // When entering fullscreen disable picture in picture
+    if (this.isInPictureInPicture()) {
+      this.exitPictureInPicture();
+    }
   }
 
   /**