Update main

@@ -56,13 +56,27 @@
       <fieldset>
         <legend>추천 음악 정보</legend>
         <div><input type="button" value="음악 추천 받기"></div><br>
-        
-        <h4>추천 음악 1</h4>
+        <iframe id="video1" width="450" height="280" src="" frameborder="0" allowtransparency="true" allowfullscreen></iframe>
+        <a href="#" id="playvideo">Play button</a>
+        <script>
+          var userLat = 37;
+          var userLng = 127;
+          fetch("http://localhost:3000/music")
+            .then(res => res.json())
+            .then(function(data) {
+              $("#playvideo").click(function(){
+              $("#video1")[0].src += data.link;
+           });
+            })
+       
+        </script>
+
+        <!-- <h4>추천 음악 1</h4>
         <iframe width="942" height="530" src="https://www.youtube.com/embed/vnS_jn2uibs" title="YouTube video player" frameborder="0" 
         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br>
         <h4>추천 음악 2</h4>
         <iframe width="942" height="530" src="https://www.youtube.com/embed/P6gV_t70KAk" title="YouTube video player" frameborder="0" 
-        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br>
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br> -->
       </fieldset>