diff --git a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoEmbedInnerNative.tsx b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoEmbedInnerNative.tsx index 03ed9cc429..f38677ea1d 100644 --- a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoEmbedInnerNative.tsx +++ b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoEmbedInnerNative.tsx @@ -99,22 +99,24 @@ export function VideoEmbedInnerNative({ altText={embed.alt} /> ) : ( - { - videoRef.current?.enterFullscreen(true) - }} - toggleMuted={() => { - videoRef.current?.toggleMuted() - }} - togglePlayback={() => { - videoRef.current?.togglePlayback() - }} - isPlaying={isPlaying} - timeRemaining={timeRemaining} - /> - )} - {!isGif && embed.alt && ( - + <> + { + videoRef.current?.enterFullscreen(true) + }} + toggleMuted={() => { + videoRef.current?.toggleMuted() + }} + togglePlayback={() => { + videoRef.current?.togglePlayback() + }} + isPlaying={isPlaying} + timeRemaining={timeRemaining} + /> + {embed.alt && ( + + )} + )} diff --git a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoEmbedInnerWeb.tsx b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoEmbedInnerWeb.tsx index ad6fbe2392..b97317dfbf 100644 --- a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoEmbedInnerWeb.tsx +++ b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoEmbedInnerWeb.tsx @@ -33,6 +33,7 @@ export function VideoEmbedInnerWeb({ const figId = useId() const {_} = useLingui() const [isFullscreen] = useFullscreen(containerRef) + const isGif = embed.presentation === 'gif' // send error up to error boundary const [error, setError] = useState(null) @@ -80,7 +81,7 @@ export function VideoEmbedInnerWeb({ )} - {!isFullscreen && embed.alt && ( + {!isFullscreen && !isGif && embed.alt && ( )}