diff --git a/_posts/2024-05-02-browser.md b/_posts/2024-05-02-browser.md
index cc2effd74..c242b05c8 100644
--- a/_posts/2024-05-02-browser.md
+++ b/_posts/2024-05-02-browser.md
@@ -5,10 +5,29 @@ highlight_image: /assets/browser.jpg
 ---
 # AI pair programming in your browser
 
-<video width="1060" height="1080" controls loop poster="/assets/browser.jpg">
-  <source src="/assets/aider-browser-social.mp4" type="video/mp4">
-  <a href="/assets/aider-browser-social.mp4">Aider browser UI demo video</a>
-</video>
+<div class="video-container">
+  <video controls loop poster="/assets/browser.jpg">
+    <source src="/assets/aider-browser-social.mp4" type="video/mp4">
+    <a href="/assets/aider-browser-social.mp4">Aider browser UI demo video</a>
+  </video>
+</div>
+
+<style>
+.video-container {
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9 aspect ratio */
+  height: 0;
+  overflow: hidden;
+}
+
+.video-container video {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+</style>
 
 Use aider's new experimental browser UI to collaborate with LLMs
 to edit code in your local git repo.