fix: remove onPause handler for autoplayed videos with pause icons

gravity-ui · Sep 26, 2023 · a7be789 · a7be789
1 parent 83d1f92
commit a7be789
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/ReactPlayer/ReactPlayer.tsx b/src/components/ReactPlayer/ReactPlayer.tsx
@@ -389,7 +389,11 @@ export const ReactPlayerBlock = React.forwardRef<ReactPlayerBlockHandler, ReactP
                             onStart={onStart}
                             onReady={setPlayerRef}
                             onPlay={onPlay}
-                            onPause={onPause}
+                            onPause={
+                                autoPlay && customControlsType !== CustomControlsType.WithMuteButton
+                                    ? undefined
+                                    : onPause
+                            } // to prevent pause icon flickering when autoplayed video ends
                             onProgress={onProgress}
                             onEnded={onEnded}
                             aria-label={ariaLabel}