diff --git a/video-stream-frontend/src/App.js b/video-stream-frontend/src/App.js
index 5b30541..46ea800 100644
--- a/video-stream-frontend/src/App.js
+++ b/video-stream-frontend/src/App.js
@@ -16,14 +16,14 @@ function App() {
   return (
     <div className="App">  
       {videoId && <VideoPlayer videoId={videoId}></VideoPlayer>} <br />
-      <button onClick={(e)=>{playVideo(e, 'cdn')}}>Play Video 1</button>
-      <button onClick={(e)=>{playVideo(e, 'generate-pass')}}>Play Video 2</button>
-      <button onClick={(e)=>{playVideo(e, 'get-post')}}>Play Video 3</button>
-      <button onClick={(e)=>{playVideo(e, 'tt1')}}>Play Video 4</button>
-      <button onClick={(e)=>{playVideo(e, 'tt2')}}>Play Video 5</button>
-      <button onClick={(e)=>{playVideo(e, 'tt3')}}>Play Video 6</button>
-      <button onClick={(e)=>{playVideo(e, 'tt4')}}>Play Video 7</button>
-      <button onClick={(e)=>{playVideo(e, 'tt5')}}>Play Video 8</button>
+      <button onClick={(e)=>{playVideo(e, 'c35c32bc-9ce4-4ca5-9afc-1ecddfd649f5')}}>Play Video 1</button>
+      <button onClick={(e)=>{playVideo(e, '04cd4af1-d761-4507-b2b6-f56e24e676e1')}}>Play Video 2</button>
+      <button onClick={(e)=>{playVideo(e, '80f6c65f-b970-4681-b5da-269b6556a7c1')}}>Play Video 3</button>
+      <button onClick={(e)=>{playVideo(e, '09a93aab-c10a-46d3-9076-fd4cc6c470fe')}}>Play Video 4</button>
+      <button onClick={(e)=>{playVideo(e, '9a810a7d-1c20-410e-8a86-2ceac206c195')}}>Play Video 5</button>
+      <button onClick={(e)=>{playVideo(e, 'a355b4e9-66b1-43fe-9fbb-ab9d1773c021')}}>Play Video 6</button>
+      <button onClick={(e)=>{playVideo(e, '12f9207f-70b7-4f13-b153-865ea3459bf6')}}>Play Video 7</button>
+      <button onClick={(e)=>{playVideo(e, 'd8ef8464-6c4e-45b2-b194-0c1d2ea442da')}}>Play Video 8</button>
     </div>
   );
 }