diff --git a/website/assets/codespaces.jpg b/website/assets/codespaces.jpg
new file mode 100644
index 000000000..9519dce86
Binary files /dev/null and b/website/assets/codespaces.jpg differ
diff --git a/website/assets/install.jpg b/website/assets/install.jpg
new file mode 100644
index 000000000..d1361f6dc
Binary files /dev/null and b/website/assets/install.jpg differ
diff --git a/website/docs/install.md b/website/docs/install.md
index ed942c8b1..0bfacd4de 100644
--- a/website/docs/install.md
+++ b/website/docs/install.md
@@ -28,7 +28,7 @@ or the
 [usage instructions](https://aider.chat/docs/usage.html) to start coding with aider.
 
 <div class="video-container">
-  <video controls>
+  <video controls poster="/assets/install.jpg">
     <source src="/assets/install.mp4" type="video/mp4">
     <a href="/assets/install.mp4">Installing aider</a>
   </video>
diff --git a/website/docs/install/codespaces.md b/website/docs/install/codespaces.md
index 0f42b6686..fd0146bcc 100644
--- a/website/docs/install/codespaces.md
+++ b/website/docs/install/codespaces.md
@@ -14,7 +14,7 @@ for all the details.
 
 
 <div class="video-container">
-  <video controls>
+  <video controls poster="/assets/codespaces.jpg">
     <source src="/assets/codespaces.mp4" type="video/mp4">
     <a href="/assets/codespaces.mp4">Install aider in GitHub Codespaces</a>
   </video>