Embeded YouTube videos using iframes

Updated src attribute to use YouTube embed link Added attributes to iframe for video embedding
CodeYourFuture · May 20, 2024 · d8fc586 · d8fc586
1 parent ec0fa8d
commit d8fc586
Showing 1 changed file with 8 additions and 2 deletions.
diff --git 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>
 			))}