Extend video poster image main media to liveblog articles

Author: KaliedaRik

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

@@ -129,6 +129,13 @@ export const YoutubeBlockComponent = ({
 			return posterImage;
 		}
 
+		// For Liveblog Articles with a Video atom for their main media
+		// we need to display the poster image
+		// Note: main media videos in liveblogs tend to be transitory eg PMQs
+		if (contentLayout?.toLowerCase() === 'livebloglayout') {
+			return posterImage;
+		}
+
 		// Default behaviour is to use the override image, if supplied
 		// otherwise use the poster image
 		return overrideImage ?? posterImage;

dotcom-rendering/src/layouts/LiveLayout.tsx

@@ -674,6 +674,7 @@ export const LiveLayout = (props: WebProps | AppsProps) => {
 										isAdFreeUser={article.isAdFreeUser}
 										editionId={article.editionId}
 										shouldHideAds={article.shouldHideAds}
+										contentLayout="LiveblogLayout"
 									/>
 								</div>
 							</GridItem>