From 0fa282a190701c150abed9cfa6cb071024df7172 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Mon, 27 May 2019 20:48:37 -0600
Subject: [PATCH] Update presenter components

---
 .../assets/js/components/presenter/MixedAlbumPresenter.vue  | 4 ++--
 .../assets/js/components/presenter/VideoAlbumPresenter.vue  | 4 ++--
 resources/assets/js/components/presenter/VideoPresenter.vue | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/resources/assets/js/components/presenter/MixedAlbumPresenter.vue b/resources/assets/js/components/presenter/MixedAlbumPresenter.vue
index a936fd774..004f82edd 100644
--- a/resources/assets/js/components/presenter/MixedAlbumPresenter.vue
+++ b/resources/assets/js/components/presenter/MixedAlbumPresenter.vue
@@ -14,7 +14,7 @@
 			>
 				<b-carousel-slide v-for="(media, index) in status.media_attachments" :key="media.id + '-media'">
 
-					<video v-if="media.type == 'Video'" slot="img" class="embed-responsive-item" preload="none" controls loop :alt="media.description" width="100%" height="100%">
+					<video v-if="media.type == 'Video'" slot="img" class="embed-responsive-item" preload="none" controls loop :alt="media.description" width="100%" height="100%" :poster="media.preview_url">
 						<source :src="media.url" :type="media.mime">
 					</video>
 
@@ -38,7 +38,7 @@
 				>
 			<b-carousel-slide v-for="(media, index) in status.media_attachments" :key="media.id + '-media'">
 
-				<video v-if="media.type == 'Video'" slot="img" class="embed-responsive-item" preload="none" controls loop :alt="media.description" width="100%" height="100%">
+				<video v-if="media.type == 'Video'" slot="img" class="embed-responsive-item" preload="none" controls loop :alt="media.description" width="100%" height="100%" :poster="media.preview_url">
 					<source :src="media.url" :type="media.mime">
 				</video>
 
diff --git a/resources/assets/js/components/presenter/VideoAlbumPresenter.vue b/resources/assets/js/components/presenter/VideoAlbumPresenter.vue
index 7dbb0201f..6aa75a43d 100644
--- a/resources/assets/js/components/presenter/VideoAlbumPresenter.vue
+++ b/resources/assets/js/components/presenter/VideoAlbumPresenter.vue
@@ -13,7 +13,7 @@
 				:interval="0"
 			>
 				<b-carousel-slide v-for="(vid, index) in status.media_attachments" :key="vid.id + '-media'">
-					<video slot="img" class="embed-responsive-item" preload="none" controls loop :alt="vid.description" width="100%" height="100%">
+					<video slot="img" class="embed-responsive-item" preload="none" controls loop :alt="vid.description" width="100%" height="100%" :poster="vid.preview_url">
 						<source :src="vid.url" :type="vid.mime">
 					</video>
 				</b-carousel-slide>
@@ -29,7 +29,7 @@
 			:interval="0"
 		>
 			<b-carousel-slide v-for="(vid, index) in status.media_attachments" :key="vid.id + '-media'">
-				<video slot="img" class="embed-responsive-item" preload="none" controls loop :alt="vid.description" width="100%" height="100%">
+				<video slot="img" class="embed-responsive-item" preload="none" controls loop :alt="vid.description" width="100%" height="100%" :poster="vid.preview_url">
 					<source :src="vid.url" :type="vid.mime">
 				</video>
 			</b-carousel-slide>
diff --git a/resources/assets/js/components/presenter/VideoPresenter.vue b/resources/assets/js/components/presenter/VideoPresenter.vue
index 0d0038ad4..dbe5535d9 100644
--- a/resources/assets/js/components/presenter/VideoPresenter.vue
+++ b/resources/assets/js/components/presenter/VideoPresenter.vue
@@ -6,14 +6,14 @@
 				<p class="font-weight-light">(click to show)</p>
 			</summary>
 			<div class="embed-responsive embed-responsive-16by9">
-				<video class="video" preload="none" controls loop>
+				<video class="video" preload="none" controls loop :poster="status.media_attachments[0].preview_url">
 					<source :src="status.media_attachments[0].url" :type="status.media_attachments[0].mime">
 				</video>
 			</div>
 		</details>
 	</div>
 	<div v-else class="embed-responsive embed-responsive-16by9">
-		<video class="video" preload="none" controls loop>
+		<video class="video" preload="auto" controls loop :poster="status.media_attachments[0].preview_url">
 			<source :src="status.media_attachments[0].url" :type="status.media_attachments[0].mime">
 		</video>
 	</div>
@@ -21,6 +21,6 @@
 
 <script type="text/javascript">
 	export default {
-		props: ['status']
+		props: ['status'],
 	}
 </script>
\ No newline at end of file