Преглед изворни кода

Use poster in VideoPresenter component

Daniel Supernault пре 2 година
родитељ
комит
a3cc90b0c5
1 измењених фајлова са 10 додато и 2 уклоњено
  1. 10 2
      resources/assets/js/components/presenter/VideoPresenter.vue

+ 10 - 2
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>