fix(FEC-8107): fullscreen APIs on IOS devices (#212)

Fix full screen APIs logic on iOS devices.
kaltura · Apr 9, 2018 · 91df91d · 91df91d
1 parent 22144ad
commit 91df91d
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/fullscreen/fullscreen.js b/src/components/fullscreen/fullscreen.js
@@ -150,8 +150,8 @@ class FullscreenControl extends BaseComponent {
    * @memberof FullscreenControl
    */
   enterFullscreen(): void {
-    if (this.props.isMobile && this.player.env.os.name === 'iOS') {
-      this.player.getVideoElement().webkitEnterFullscreen();
+    if (this.player.env.os.name === 'iOS') {
+      this.player.getVideoElement().webkitEnterFullScreen();
     } else {
       let elementToFullscreen = document.getElementById(this.props.targetId);
       if (elementToFullscreen) {
@@ -167,7 +167,9 @@ class FullscreenControl extends BaseComponent {
    * @memberof FullscreenControl
    */
   exitFullscreen() {
-    if (typeof document.exitFullscreen === 'function') {
+    if (this.player.env.os.name === 'iOS') {
+      this.player.getVideoElement().webkitExitFullScreen();
+    } else if (typeof document.exitFullscreen === 'function') {
       document.exitFullscreen();
     } else if (typeof document.webkitExitFullscreen === 'function') {
       document.webkitExitFullscreen();