diff --git a/.gitattributes b/.gitattributes
index e0ae704..6176c14 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -1,3 +1,4 @@
 *.avi filter=lfs diff=lfs merge=lfs -text
 *.webm filter=lfs diff=lfs merge=lfs -text
+*.mp4 filter=lfs diff=lfs merge=lfs -text
 . !text !filter !merge !diff
diff --git a/apps/website/src/pages/playground.md b/apps/website/src/pages/playground.md
index b417f8d..4d71864 100644
--- a/apps/website/src/pages/playground.md
+++ b/apps/website/src/pages/playground.md
@@ -37,7 +37,7 @@ ffmpeg.wasm fundamentals.
 
 Demo Video:
 <video width="100%" controls>
-  <source src="/video/playground-how-to.webm" type="video/webm" />
+  <source src="/video/playground-how-to.mp4" type="video/mp4" />
 </video>
 
 A typical flow to use ffmpeg.wasm is:
diff --git a/apps/website/static/video/playground-how-to.mp4 b/apps/website/static/video/playground-how-to.mp4
new file mode 100644
index 0000000..6b77d4c
Binary files /dev/null and b/apps/website/static/video/playground-how-to.mp4 differ
diff --git a/apps/website/static/video/playground-how-to.webm b/apps/website/static/video/playground-how-to.webm
deleted file mode 100755
index b209223..0000000
Binary files a/apps/website/static/video/playground-how-to.webm and /dev/null differ