fix showSubtitles flag

Author: domlander

dotcom-rendering/src/components/LoopVideoPlayer.tsx

@@ -171,10 +171,7 @@ export const LoopVideoPlayer = forwardRef(
 	) => {
 		const loopVideoId = `loop-video-${uniqueId}`;
 		const showSubtitles =
-			videoStyle !== 'Cinemagraph' &&
-			!!subtitleSource &&
-			!!subtitleSize &&
-			!!activeCue?.text;
+			videoStyle !== 'Cinemagraph' && !!subtitleSource && !!subtitleSize;
 
 		const showControls =
 			videoStyle !== 'Cinemagraph' &&
@@ -236,7 +233,7 @@ export const LoopVideoPlayer = forwardRef(
 							type={source.mimeType}
 						/>
 					))}
-					{subtitleSource !== undefined && (
+					{showSubtitles && (
 						<track
 							// Don't use default - it forces native rendering on iOS
 							default={false}
@@ -247,7 +244,7 @@ export const LoopVideoPlayer = forwardRef(
 					)}
 					{FallbackImageComponent}
 				</video>
-				{showSubtitles && (
+				{showSubtitles && !!activeCue?.text && (
 					<SubtitleOverlay
 						text={activeCue.text}
 						subtitleSize={subtitleSize}