Use poster in VideoPresenter component

pixelfed · Aug 4, 2022 · a3cc90b · a3cc90b
1 parent 4757188
commit a3cc90b
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/resources/assets/js/components/presenter/VideoPresenter.vue b/resources/assets/js/components/presenter/VideoPresenter.vue
@@ -22,7 +22,7 @@
 			:alt="altText(status)"/>
 	</div>
 	<div v-else class="embed-responsive embed-responsive-16by9">
-		<video class="video" controls playsinline preload="metadata" loop :data-id="status.id">
+		<video class="video" controls playsinline preload="metadata" loop :data-id="status.id" :poster="poster()">
 			<source :src="status.media_attachments[0].url" :type="status.media_attachments[0].mime">
 		</video>
 	</div>
@@ -76,7 +76,15 @@
 
 			toggleContentWarning(status) {
 				this.$emit('togglecw');
-			}
+			},
+
+            poster() {
+                let url = this.status.media_attachments[0].preview_url;
+                if(url.endsWith('no-preview.jpg') || url.endsWith('no-preview.png')) {
+                    return;
+                }
+                return url;
+            }
 		}
 	}
 </script>