diff --git a/apps/website/src/pages/playground.md b/apps/website/src/pages/playground.md
index 8f0bf3a..11663d1 100644
--- a/apps/website/src/pages/playground.md
+++ b/apps/website/src/pages/playground.md
@@ -36,7 +36,7 @@ development!
 ffmpeg.wasm fundamentals.
 
 Demo Video:
-<iframe width="560" height="315" 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>
+<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: