Update app.py

app.py

@@ -22,13 +22,16 @@ def search_pexels_videos(query):
         videos_urls = []
     return videos_urls
 
-# Pexels 동영상 검색 결과 표시 함수
+
+# Pexels 동영상 검색 결과를 HTML 링크로 표시하는 함수
 def show_video_search_results(query):
     videos_info = search_pexels_videos(query)
-    # videos_info는 각 동영상의 정보를 담고 있는 사전의 목록입니다.
-    # 여기서는 각 동영상의 썸네일 이미지 URL만 추출합니다.
-    videos_urls = [video["image"] for video in videos_info]
-    return videos_urls
+    # HTML 링크 생성
+    videos_html = [
+        f"<div style='margin: 10px;'><a href='{video['url']}' target='_blank' style='text-decoration: none;'><img src='{video['image']}' alt='Video thumbnail' style='width: 100%;'><p>View Video</p></a></div>"
+        for video in videos_info
+    ]
+    return "".join(videos_html)
 
     
 # Pexels 이미지 검색 함수
@@ -209,12 +212,12 @@ with gr.Blocks() as app:
                 gr.Markdown("### FREE Video Search")
                 video_search_query = gr.Textbox(label="비디오 검색")
                 video_search_btn = gr.Button("검색")
-                videos_output = gr.Gallery(label="검색 결과 동영상", show_label=False)
+                # HTML 컴포넌트로 비디오 검색 결과 표시
+                videos_output = gr.HTML(label="검색 결과 동영상")
                 video_search_btn.click(
                     fn=show_video_search_results,
                     inputs=video_search_query,
                     outputs=videos_output
                 )
 
-
 app.launch(debug=True)