Update app.py

app.py

@@ -11,14 +11,18 @@ import urllib.request
 import uuid
 main_directory = "https://services.swpc.noaa.gov/"
 
-
-nasa_soho_images=[
+nasa_soho_gifs=[
     {"name":"EIT 304A", "source":"https://soho.nascom.nasa.gov/data/LATEST/current_eit_304small.gif"},
     {"name":"EIT 195A", "source":"https://soho.nascom.nasa.gov/data/LATEST/current_eit_195small.gif"},
     {"name":"EIT 171A", "source":"https://soho.nascom.nasa.gov/data/LATEST/current_eit_171small.gif"},
     {"name":"EIT 284A", "source":"https://soho.nascom.nasa.gov/data/LATEST/current_eit_284small.gif"},
 ]    
-
+nasa_soho_mp4=[
+    {"name":"EIT 171A", "source":"https://soho.nascom.nasa.gov/data/LATEST/current_eit_171small.mp4"},
+    {"name":"EIT 195A", "source":"https://soho.nascom.nasa.gov/data/LATEST/current_eit_195small.mp4"},
+    {"name":"EIT 284A", "source":"https://soho.nascom.nasa.gov/data/LATEST/current_eit_284small.mp4"},
+    {"name":"EIT 304A", "source":"https://soho.nascom.nasa.gov/data/LATEST/current_eit_304small.mp4"},
+]  
 
 
 
@@ -56,6 +60,7 @@ css="""
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
+    justify-content: space-between;
 }
 .img_class_soho{
     background: #ffffff;
@@ -172,9 +177,14 @@ def make_html(inp_files):
 
 def make_nasa_soho():
     html_out=f"<style>{css}</style><div class='img_box_soho'>"
-    for ea in nasa_soho_images:
+    for ea in nasa_soho_mp4:
         file_name=ea['source']
-        html_out+=f'<div class="img_class_soho"><img src="file={file_name}"></div>'
+        html_out+=f'''
+        <video width="320" height="320" controls>
+          <source src="{file_name}" type="video/mp4">
+            Your browser does not support the video tag.
+        </video>'''
+        #html_out+=f'<div class="img_class_soho"><img src="file={file_name}"></div>'
     html_out+='</div>'
     return html_out