From d8fc5863b1fb11ea1b747ea822f9cd6c657ad944 Mon Sep 17 00:00:00 2001
From: Zeliha Pala <zelihapala78@gmail.com>
Date: Mon, 20 May 2024 15:59:17 +0100
Subject: [PATCH] Embeded YouTube videos using iframes Updated src attribute to
 use YouTube embed link Added attributes to iframe for video embedding

---
 client/src/VideoRecommendations.jsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/client/src/VideoRecommendations.jsx b/client/src/VideoRecommendations.jsx
index 00f79c8584..507dc97dfa 100644
--- a/client/src/VideoRecommendations.jsx
+++ b/client/src/VideoRecommendations.jsx
@@ -26,8 +26,14 @@ const VideoList = () => {
 			{videos.map((videoData, i) => (
 				<div className="video" data-testid="video" key={i}>
 					<div>
-						{/* <a>{videoData.title}</a> */}
-						<a href={videoData.src}>{videoData.title}</a>
+						<iframe
+							title={videoData.title}
+							width="560"
+							height="315"
+							src={`https://www.youtube.com/embed/${videoData.src}`}
+							frameBorder="0"
+							allowFullScreen
+						></iframe>
 					</div>
 				</div>
 			))}