feat(FEC-10486): Lock orientation according to screenLockOrientionMode config when switching to full screen

flow-typed/types/playback-config.js

@@ -14,5 +14,6 @@ declare type PKPlaybackConfigObject = {
   streamPriority: Array<PKStreamPriorityObject>,
   preferNative: PKPreferNativeConfigObject,
   inBrowserFullscreen: boolean,
-  playAdsWithMSE: boolean
+  playAdsWithMSE: boolean,
+  disableFullScreenOrientation: boolean
 };

src/fullscreen/fullscreen-controller.js

@@ -164,7 +164,14 @@ class FullscreenController {
       this._player.exitPictureInPicture();
     }
     Promise.resolve(this._nativeEnterFullScreen(fullScreenElement)).then(
-      () => (this._isInFullscreen = true),
+      () => {
+        this._isInFullscreen = true;
+        const screenOrientation = screen && screen.orientation && typeof screen.orientation.lock === 'function';
+        const playbackConfig = this._player.config.playback;
+        if (screenOrientation && !playbackConfig.disableFullScreenOrientation) {
+          screen.orientation.lock('landscape');
+        }
+      },
       () => {}
     );
   }
@@ -195,7 +202,13 @@ class FullscreenController {
    */
   _requestExitFullscreen(): void {
     Promise.resolve(this._nativeExitFullScreen()).then(
-      () => (this._isInFullscreen = false),
+      () => {
+        this._isInFullscreen = false;
+        const screenOrientation = screen && screen.orientation && typeof screen.orientation.lock === 'function';
+        if (screenOrientation) {
+          screen.orientation.unlock();
+        }
+      },
       () => {}
     );
   }

src/player-config.js

@@ -37,6 +37,7 @@ const DefaultConfig = {
       dash: false
     },
     inBrowserFullscreen: false,
+    disableFullScreenOrientation: false,
     playAdsWithMSE: false,
     streamPriority: [
       {