diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js
index 161c6b2b..85d924d0 100644
--- a/src/components/attachment/attachment.js
+++ b/src/components/attachment/attachment.js
@@ -19,8 +19,8 @@ const Attachment = {
         type = 'image';
       }
 
-      if(this.attachment.mimetype.match(/video\/webm/)) {
-        type = 'webm';
+      if(this.attachment.mimetype.match(/video\/(webm|mp4)/)) {
+        type = 'video';
       };
 
       return type
diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
index 7feab42c..09ca5fa9 100644
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@@ -6,7 +6,7 @@
 
     <a class="image-attachment" v-if="type === 'image' && !nsfw" :href="attachment.url" target="_blank"><img :src="attachment.url"></img></a>
 
-    <video v-if="type === 'webm' && !nsfw" :src="attachment.url" controls></video>
+    <video v-if="type === 'video' && !nsfw" :src="attachment.url" controls></video>
 
     <span v-if="type === 'unknown'">Don't know how to display this...</span>