diff --git a/src/components/middle/message/RoundVideo.tsx b/src/components/middle/message/RoundVideo.tsx index 1d1f13861..198c6bc4b 100644 --- a/src/components/middle/message/RoundVideo.tsx +++ b/src/components/middle/message/RoundVideo.tsx @@ -151,7 +151,7 @@ const RoundVideo: FC = ({ stopPrevious = stopPlaying; }); - const tooglePlaying = useLastCallback(() => { + const togglePlaying = useLastCallback(() => { const playerEl = playerRef.current!; if (isActivated) { if (playerEl.paused) { @@ -175,7 +175,7 @@ const RoundVideo: FC = ({ if (!isInOneTimeModal) { return; } - tooglePlaying(); + togglePlaying(); }, [isInOneTimeModal]); const handleClick = useLastCallback(() => { @@ -196,7 +196,7 @@ const RoundVideo: FC = ({ return; } - tooglePlaying(); + togglePlaying(); }); const handleTimeUpdate = useLastCallback((e: React.UIEvent) => { @@ -250,6 +250,7 @@ const RoundVideo: FC = ({ muted={!isActivated} loop={!isActivated} playsInline + isPriority onEnded={isActivated ? onStop ?? stopPlaying : undefined} onTimeUpdate={isActivated ? handleTimeUpdate : undefined} onReady={markPlayerReady} diff --git a/src/components/middle/message/hooks/useVideoAutoPause.ts b/src/components/middle/message/hooks/useVideoAutoPause.ts index 0369871ab..6d1d94127 100644 --- a/src/components/middle/message/hooks/useVideoAutoPause.ts +++ b/src/components/middle/message/hooks/useVideoAutoPause.ts @@ -25,9 +25,9 @@ export default function useVideoAutoPause( requestMeasure(unfreezePlaying); }); - useBackgroundMode(pause, unfreezePlayingOnRaf, !canPlay); - useHeavyAnimationCheck(pause, unfreezePlaying, !canPlay); - usePriorityPlaybackCheck(pause, unfreezePlaying, !canPlay); + useBackgroundMode(pause, unfreezePlayingOnRaf, !canPlay || isPriority); + useHeavyAnimationCheck(pause, unfreezePlaying, !canPlay || isPriority); + usePriorityPlaybackCheck(pause, unfreezePlaying, !canPlay || isPriority); const handlePlaying = useLastCallback(() => { if (!canPlayRef.current || (!isPriority && isFrozen())) {