Update app.py

app.py

@@ -1,27 +1,25 @@
 import streamlit as st
-import base64
-import numpy as np
-import matplotlib.pyplot as plt
-from matplotlib.patches import Polygon, Circle
-
-def set_background(video_path):
-    """Sets the background of the Streamlit app to a video."""
-    with open(video_path, "rb") as video_file:
+def set_background_video():
+    video_path = 'numbers moving background.mp4'
+    with open(video_path, 'rb') as video_file:
         video_bytes = video_file.read()
-    video_base64 = base64.b64encode(video_bytes).decode("utf-8")
+    video_base64 = base64.b64encode(video_bytes).decode('utf-8')
+
+    # Adjust the video HTML
     video_html = f"""
-        <style>
-        .main {{
-        background-image: url("data:video/mp4;base64,{video_base64}");
-        background-size: cover;
-        }}
-        </style>
-        """
+    <video 
+        style="position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1;"
+        preload="auto" 
+        autoplay 
+        loop 
+        muted
+    >
+    <source src="data:video/mp4;base64,{video_base64}" type="video/mp4">
+    Your browser does not support the video tag.
+    </video>
+    """
     st.markdown(video_html, unsafe_allow_html=True)
 
-# Set the background *before* any other Streamlit elements
-set_background("numbers moving background.mp4")  # Replace with your video path
-
 # --- Triangle Calculation and Plotting Functions ---
 def calculate_distance(x1, y1, x2, y2):
     return np.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2)