diff --git a/packages/myst-to-react/src/image.tsx b/packages/myst-to-react/src/image.tsx
index 661be029c..c06513af0 100644
--- a/packages/myst-to-react/src/image.tsx
+++ b/packages/myst-to-react/src/image.tsx
@@ -97,7 +97,9 @@ function Picture({
   height?: string;
   align?: Alignment;
 }) {
-  if (src.endsWith('.mp4') || urlSource?.endsWith('.mp4')) {
+  if (src.endsWith('.mp4') || urlSource?.endsWith('.mp4') || 
+     src.endsWith('.webm') || urlSource?.endsWith('.webm'))
+  {
     return (
       <Video
         className={className}