WORKING COMMIT - testing cors on code

Author: abeddow91

dotcom-rendering/src/components/Card/Card.tsx

@@ -964,6 +964,10 @@ export const Card = ({
 								<LoopVideo
 									// sources={media.mainMedia.sources}
 									sources={[
+										// {
+										// 	src: "https://uploads.guimcode.co.uk/2025/10/07/Andy_test_6_oct--9d8d52da-da51-4ca0-9e04-ae6868c9afba-3.1.m3u8",
+										// 	mimeType: "application/vnd.apple.mpegurl"
+										// },
 										{
 											src: 'https://uploads.guimcode.co.uk/2025/10/07/Andy_test_6_oct--9d8d52da-da51-4ca0-9e04-ae6868c9afba-3.0.mp4',
 											mimeType: 'video/mp4',

dotcom-rendering/src/components/LoopVideo.importable.tsx

@@ -368,14 +368,11 @@ export const LoopVideo = ({
 		enableSubs();
 		video.addEventListener('loadeddata', enableSubs);
 		// Some browsers fire this when the track becomes available
-		(video.textTracks as any)?.addEventListener?.('addtrack', enableSubs);
+		video.textTracks.addEventListener?.('addtrack', enableSubs);
 
 		return () => {
 			video.removeEventListener('loadeddata', enableSubs);
-			(video.textTracks as any)?.removeEventListener?.(
-				'addtrack',
-				enableSubs,
-			);
+			video.textTracks.removeEventListener?.('addtrack', enableSubs);
 		};
 	}, [subtitleSource]);
 

dotcom-rendering/src/components/LoopVideoPlayer.tsx

@@ -35,7 +35,6 @@ const videoStyles = (
 	object-fit: cover;
 
 	::cue {
-		background-color: ${palette('--loop-video-subtitle-background')};
 		color: ${palette('--loop-video-subtitle-text')};
 
 		${subtitleSize === 'small' && textSans15};