Update app.py

app.py

@@ -92,14 +92,34 @@ def main_page(furniture_data):
                 with col2: 
                     if source_video and source_video in videos_data:
                         video_url = videos_data[source_video]["url"]
-                        st.video(video_url)
+                        #st.video(video_url)
+                        video_html = """
+                        <video width="320" height="240" controls>
+                            <source src="""+video_url""" type="video/mp4">
+                        </video>
+                        """
+                        st.markdown(video_html, unsafe_allow_html=True)
                 with col3:    
+                    table_css = """
+                    <style>
+                        .dataframe { 
+                            width: 100%; 
+                            max-width: 100%; 
+                            max-height: 200px; 
+                            overflow-y: auto; 
+                            display: block;
+                        }
+                        .dataframe th, .dataframe td { 
+                            text-align: left; 
+                        }
+                    </style>
+                    """
                     if source_video and source_video in videos_data:
                         with st.expander(f"Show Metadata for {image_name}"):
                             video_metadata = videos_data[source_video]
                             # Convert the metadata dictionary to a DataFrame
                             metadata_df = pd.DataFrame(video_metadata.items(), columns=['Attribute', 'Value'])
-                            st.markdown(metadata_df.to_html(index=False), unsafe_allow_html=True)
+                            st.markdown(table_css+metadata_df.to_html(index=False), unsafe_allow_html=True)
                 
         else:
             st.write("Not Trending")