diff --git a/src/components/common/Avatar.tsx b/src/components/common/Avatar.tsx index 23787ec8b..33380b0ab 100644 --- a/src/components/common/Avatar.tsx +++ b/src/components/common/Avatar.tsx @@ -124,7 +124,8 @@ const Avatar: FC = ({ const imgBlobUrl = useMedia(imageHash, false, ApiMediaFormat.BlobUrl, lastSyncTime); const videoBlobUrl = useMedia(videoHash, !shouldLoadVideo, ApiMediaFormat.BlobUrl, lastSyncTime); const hasBlobUrl = Boolean(imgBlobUrl || videoBlobUrl); - const shouldPlayVideo = Boolean(isIntersecting && videoBlobUrl); + // `videoBlobUrl` can be taken from memory cache, so we need to check `shouldLoadVideo` again + const shouldPlayVideo = Boolean(isIntersecting && videoBlobUrl && shouldLoadVideo); const { transitionClassNames } = useShowTransition(hasBlobUrl, undefined, hasBlobUrl, 'slow');