diff --git a/apps/website/static/asset/ffmpegwasm-arch.drawio b/apps/website/assets/ffmpegwasm-arch.drawio
similarity index 100%
rename from apps/website/static/asset/ffmpegwasm-arch.drawio
rename to apps/website/assets/ffmpegwasm-arch.drawio
diff --git a/apps/website/src/components/Playground/Workspace/index.tsx b/apps/website/src/components/Playground/Workspace/index.tsx
index 9b97788..f1e795d 100644
--- a/apps/website/src/components/Playground/Workspace/index.tsx
+++ b/apps/website/src/components/Playground/Workspace/index.tsx
@@ -14,7 +14,7 @@ import FileSystemManager from "./FileSystemManager";
 import { SAMPLE_FILES } from "../const";
 import Editor from "./Editor";
 
-const defaultArgs = JSON.stringify(["-i", "video.avi", "video.mp4"], null, 2);
+const defaultArgs = JSON.stringify(["-i", "video.webm", "video.mp4"], null, 2);
 
 interface WorkspaceProps {
   ffmpeg: MutableRefObject<FFmpeg>;
diff --git a/apps/website/src/components/Playground/const.ts b/apps/website/src/components/Playground/const.ts
index 521a46b..7c314bd 100644
--- a/apps/website/src/components/Playground/const.ts
+++ b/apps/website/src/components/Playground/const.ts
@@ -12,6 +12,6 @@ export const CORE_SIZE = {
 };
 
 export const SAMPLE_FILES = {
-  "video.avi":
-    "https://raw.githubusercontent.com/ffmpegwasm/testdata/master/video-3s.avi",
+  "video.webm":
+    "https://raw.githubusercontent.com/ffmpegwasm/testdata/master/Big_Buck_Bunny_180_10s.webm",
 };
diff --git a/apps/website/src/pages/playground.md b/apps/website/src/pages/playground.md
index 4d71864..c5f3cab 100644
--- a/apps/website/src/pages/playground.md
+++ b/apps/website/src/pages/playground.md
@@ -30,16 +30,15 @@ development!
 
 <div style={{ height: 32 }} />
 
+:::tip
+Demo Video: [https://youtu.be/F01B0fV20QA](https://youtu.be/F01B0fV20QA)
+:::
+
 ## How to Use :rocket:
 
 > It is recommended to read [Overview](/docs/overview) first to learn
 ffmpeg.wasm fundamentals.
 
-Demo Video:
-<video width="100%" controls>
-  <source src="/video/playground-how-to.mp4" type="video/mp4" />
-</video>
-
 A typical flow to use ffmpeg.wasm is:
 
 #### Download and load JavaScript & WebAssembly assets
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
diff --git a/apps/website/static/video/video-15s.avi b/apps/website/static/video/video-15s.avi
deleted file mode 100644
index f61a5a0..0000000
Binary files a/apps/website/static/video/video-15s.avi and /dev/null differ
diff --git a/apps/website/static/video/video-3s.avi b/apps/website/static/video/video-3s.avi
deleted file mode 100644
index e8e96e3..0000000
Binary files a/apps/website/static/video/video-3s.avi and /dev/null differ