diff --git a/apps/website/src/pages/playground.md b/apps/website/src/pages/playground.md
index 4d71864..11663d1 100644
--- a/apps/website/src/pages/playground.md
+++ b/apps/website/src/pages/playground.md
@@ -36,9 +36,7 @@ development!
 ffmpeg.wasm fundamentals.
 
 Demo Video:
-<video width="100%" controls>
-  <source src="/video/playground-how-to.mp4" type="video/mp4" />
-</video>
+<iframe style={{"aspect-ratio": "16 / 9", width: "100%"}} src="https://www.youtube.com/embed/F01B0fV20QA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
 
 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
deleted file mode 100644
index 6b77d4c..0000000
Binary files a/apps/website/static/video/playground-how-to.mp4 and /dev/null differ