fix(FEC-7266): reposition & resize captions when changing to/from full screen

src/player.js

@@ -309,6 +309,7 @@ export default class Player extends FakeEventTarget {
     this._createPlayerContainer();
     this._appendPosterEl();
     this.configure(config);
+    this._repositionCuesTimeout = false;
   }
 
   // <editor-fold desc="Public API">
@@ -1157,7 +1158,34 @@ export default class Player extends FakeEventTarget {
       this._eventManager.listen(this, Html5Events.RATE_CHANGE, () => {
         this._playbackAttributesState.rate = this.playbackRate;
       });
+      this._eventManager.listen(this, CustomEvents.ENTER_FULLSCREEN, () => {
+        this._resetTextCuesAndReposition();
+      });
+      this._eventManager.listen(this, CustomEvents.EXIT_FULLSCREEN, () => {
+        this._resetTextCuesAndReposition();
+      });
+    }
+  }
+
+  /**
+   * Reset the active cues hasBeenReset = true and then reposition it, timeout here is for the screen to
+   * finish render the fullscreen
+   * @returns {void}
+   * @private
+   */
+  _resetTextCuesAndReposition(): void {
+    this._updateTextDisplay([]);
+    for (let i = 0; i < this._activeTextCues.length; i++) {
+      this._activeTextCues[i].hasBeenReset = true;
+    }
+    // handling only the last reposition
+    if (this._repositionCuesTimeout) {
+      clearTimeout(this._repositionCuesTimeout);
     }
+    this._repositionCuesTimeout = setTimeout(() => {
+      processCues(window, this._activeTextCues, this._textDisplayEl);
+      this._repositionCuesTimeout = false;
+    }, 1000);
   }
 
   /**

test/src/player.spec.js

@@ -2648,3 +2648,27 @@ describe('_getLanguage', function () {
     player._getLanguage(configuredLanguage, offTrack, "text").should.equals(gerTrack.language);
   });
 });
+
+
+describe('_resetTextCuesAndReposition', function () {
+  let config, player, sandbox;
+
+  beforeEach(() => {
+    sandbox = sinon.sandbox.create();
+    config = getConfigStructure();
+    player = new Player(config);
+  });
+
+  afterEach(() => {
+    sandbox.restore();
+    player.destroy();
+  });
+
+  it('should reset the active text cues', () => {
+    player._activeTextCues[0]={};
+    player._resetTextCuesAndReposition();
+    let cue = player._activeTextCues[0];
+    cue.hasBeenReset.should.equals(true);
+  });
+});
+