fix(player): fix autoplay

jwplayer · Aug 6, 2021 · 3e7d7b4 · 3e7d7b4
1 parent d327e24
commit 3e7d7b4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/containers/Cinema/Cinema.tsx b/src/containers/Cinema/Cinema.tsx
@@ -104,7 +104,12 @@ const Cinema: React.FC<Props> = ({ item, onPlay, onPause, onComplete, onUserActi
       const { watchHistory } = watchHistoryStore.getRawState();
       const watchHistoryItem = watchHistory.find(({ mediaid }) => mediaid === item.mediaid);
 
-      if (watchHistoryItem && enableWatchHistory && watchHistoryItem.progress > VideoProgressMinMax.Min && watchHistoryItem.progress < VideoProgressMinMax.Max) {
+      if (
+        watchHistoryItem &&
+        enableWatchHistory &&
+        watchHistoryItem.progress > VideoProgressMinMax.Min &&
+        watchHistoryItem.progress < VideoProgressMinMax.Max
+      ) {
         seekToRef.current = watchHistoryItem.progress * watchHistoryItem.duration;
       } else {
         seekToRef.current = -1;
@@ -124,14 +129,14 @@ const Cinema: React.FC<Props> = ({ item, onPlay, onPause, onComplete, onUserActi
       }
 
       // load new item
-      playerRef.current.load([deepCopy(item)]);
+      playerRef.current.setConfig({ playlist: [deepCopy(item)], autostart: true });
       calculateWatchHistoryProgress();
     };
 
     const initializePlayer = () => {
       if (!window.jwplayer || !playerElementRef.current) return;
 
-      playerRef.current = window.jwplayer(playerElementRef.current);
+      playerRef.current = window.jwplayer(playerElementRef.current) as JWPlayer;
 
       playerRef.current.setup({
         playlist: [deepCopy(item)],

diff --git a/types/jwplayer.d.ts b/types/jwplayer.d.ts
@@ -1,4 +1,5 @@
 export type JWPlayer = jwplayer.JWPlayer & {
   on(event: 'userActive' | 'userInactive', callback: () => void);
   off(event: 'userActive' | 'userInactive', callback: () => void);
+  setConfig({ playlist, autostart });
 };