diff --git a/app/images/audio-placeholder.png b/app/images/audio-placeholder.png
new file mode 100644
index 0000000000..879131a46c
Binary files /dev/null and b/app/images/audio-placeholder.png differ
diff --git a/app/images/video-placeholder.png b/app/images/video-placeholder.png
new file mode 100644
index 0000000000..01a8d4f3bd
Binary files /dev/null and b/app/images/video-placeholder.png differ
diff --git a/app/soapbox/features/compose/components/upload.js b/app/soapbox/features/compose/components/upload.js
index d640823ff9..29e60d8cad 100644
Binary files a/app/soapbox/features/compose/components/upload.js and b/app/soapbox/features/compose/components/upload.js differ
diff --git a/app/styles/components/compose-form.scss b/app/styles/components/compose-form.scss
index edb565832d..af8d118614 100644
--- a/app/styles/components/compose-form.scss
+++ b/app/styles/components/compose-form.scss
@@ -289,6 +289,16 @@
       height: 140px;
       width: 100%;
       overflow: hidden;
+
+      &.video {
+        background-image: url('../images/video-placeholder.png');
+        background-size: cover;
+      }
+
+      &.audio {
+        background-image: url('../images/audio-placeholder.png');
+        background-size: cover;
+      }
     }
   } // end .compose-form .compose-form__modifiers