feat(cxl-ui): [cxl-jw-player] fix save position when using a playlist

conversionxl · Mar 3, 2023 · e4c8edb · e4c8edb
1 parent ffa54c4
commit e4c8edb
Showing 1 changed file with 19 additions and 5 deletions.
diff --git a/packages/cxl-ui/src/components/cxl-jw-player/mixins/StateMixin.js b/packages/cxl-ui/src/components/cxl-jw-player/mixins/StateMixin.js
@@ -32,17 +32,31 @@ export function StateMixin(BaseClass) {
     }
 
     _position() {
-      const position = localStorage.getItem(`jw-player-${this.mediaId}-position`);
+      const mediaId = this.mediaId || this._jwPlayer.getPlaylistItem().mediaId;
+
+      const position = localStorage.getItem(`jw-player-${mediaId}-position`);
 
       if (position) {
-        this._jwPlayer.seek(Number(position));
-        this._jwPlayer.pause();
+        if (this.mediaId) {
+          this._setPosition(position);
+        } else {
+          this._jwPlayer.on('playlistItem', () => {
+            this._setPosition(position);
+          });
+
+          this._jwPlayer.playlistItem(this._jwPlayer.getPlaylistIndex());
+        }
       }
 
-      this._jwPlayer.on('time', ({ position }) => {
-        localStorage.setItem(`jw-player-${this.mediaId}-position`, position);
+      this._jwPlayer.on('seek time', ({ position }) => {
+        localStorage.setItem(`jw-player-${mediaId}-position`, position);
       });
     }
+
+    _setPosition(position) {
+      this._jwPlayer.seek(Number(position));
+      this._jwPlayer.pause();
+    }
   }
 
   return Mixin;