formatting fixed for mp4 embedding

NASA-IMPACT · Aug 17, 2023 · 76b4356 · 76b4356
1 parent a2274f2
commit 76b4356
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/stories/camp-fire-burn-scar.stories.mdx b/stories/camp-fire-burn-scar.stories.mdx
@@ -52,10 +52,13 @@ taxonomy:
 
 <Block>
   <Figure>
-      <Image
-      src={new URL('./camp-fire-perimeter-progression.mp4', import.meta.url).href}
-      alt='Camp Fire Perimeter Expansion November 11-25, 2018'
-    />
+     <video style={{ width: '100%', aspectRatio: "16/9" }} controls>
+      <source
+        src={new URL('./camp-fire-perimeter-progression.mp4', import.meta.url).href} type="video/mp4"
+      />
+      Your browser does not support the video tag.
+    </video>
+
     <Caption>
     The expansion of the perimeter of the 2018 Camp Fire from it's inception on November 8th to 100% containment on November 25th.
     </Caption>