Update app.py

app.py

@@ -550,18 +550,38 @@ def create_search_url_ai(keyword):
     base_url = "https://huggingface.co/spaces/awacke1/GraphicAINovel?q="
     return base_url + keyword.replace(' ', '+')
 
+
 @st.cache_resource
 def display_videos_and_links():
     video_files = [f for f in os.listdir('.') if f.endswith('.mp4')]
     if not video_files:
         st.write("No MP4 videos found in the current directory.")
         return
+    
+    video_files_sorted = sorted(video_files, key=lambda x: len(x.split('.')[0]))
+
+    cols = st.columns(2)  # Define 2 columns outside the loop
+    col_index = 0  # Initialize column index
+
+    for video_file in video_files_sorted:
+        with cols[col_index % 2]:  # Use modulo 2 to alternate between the first and second column
+            # Embedding video with autoplay and loop using HTML
+            video_html = f("""<video width="100%" loop autoplay>   <source src="{video_file}" type="video/mp4">Your browser does not support the video tag.</video>""")
+            st.markdown(video_html, unsafe_allow_html=True)
+            k = video_file.split('.')[0]  # Assumes keyword is the file name without extension
+            display_glossary_entity(k)  # Assuming this is defined elsewhere
+        col_index += 1  # Increment column index to place the next video in the next column
+
+
 
-    # Sort video_files based on the length of the keyword to create a visually consistent grid
+@st.cache_resource
+def display_videos_and_links_old():
+    video_files = [f for f in os.listdir('.') if f.endswith('.mp4')]
+    if not video_files:
+        st.write("No MP4 videos found in the current directory.")
+        return
     video_files_sorted = sorted(video_files, key=lambda x: len(x.split('.')[0]))
-    # Calculate the grid size based on the sorted keywords
     grid_sizes = [len(f.split('.')[0]) for f in video_files_sorted]
-    # Dynamically adjust column size based on keyword length
     col_sizes = ['small' if size <= 4 else 'medium' if size <= 8 else 'large' for size in grid_sizes]
 
     # Create a map for number of columns to use for each size
@@ -576,29 +596,10 @@ def display_videos_and_links():
 
         with cols[col_index % current_grid_size]:
             st.video(video_file, format='video/mp4', start_time=0)
-
-            # Display Wikipedia and Google search links
             k = video_file.split('.')[0]  # Assumes keyword is the file name without extension
             display_glossary_entity(k)
-            
-            #wikipedia_url = create_search_url_wikipedia(keyword)
-            #google_url = create_search_url_google(keyword)
-            #youtube_url = create_search_url_youtube(keyword)
-            #bing_url = create_search_url_bing(keyword)
-            #ai_url = create_search_url_ai(keyword)
-            #ai_url2 = create_search_url_ai(keyword + ' ' + PromptPrefix)
-            #ai_url3 = create_search_url_ai(keyword + ' ' + PromptPrefix2)
-            #links_md = f"""
-            #[Wikipedia]({wikipedia_url}) | 
-            #[Google]({google_url}) | 
-            #[YouTube]({youtube_url}) | 
-            #[Bing]({bing_url}) | 
-            #[AI]({ai_url})|
-            #[AI Novel]({ai_url2} )|
-            #[AI Novel App]({ai_url3})
-            #"""
-            #st.markdown(links_md)
-            #col_index += 1
+
+
  
 @st.cache_resource
 def display_images_and_wikipedia_summaries():