From c949ec95ce8a892f64bf9de17e74b1f82d2b2a36 Mon Sep 17 00:00:00 2001
From: Michael Mayer <michael@lastzero.net>
Date: Mon, 11 Jan 2021 18:27:33 +0100
Subject: [PATCH] UX: Disable preloading in live player

---
 frontend/src/component/photo/cards.vue  | 2 +-
 frontend/src/component/photo/mosaic.vue | 2 +-
 frontend/src/share/photo/cards.vue      | 2 +-
 frontend/src/share/photo/mosaic.vue     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/component/photo/cards.vue b/frontend/src/component/photo/cards.vue
index f5fec387b..dafe90e65 100644
--- a/frontend/src/component/photo/cards.vue
+++ b/frontend/src/component/photo/cards.vue
@@ -43,7 +43,7 @@
                    @click.stop.prevent="onClick($event, index)"
             >
               <v-layout v-if="photo.Type === 'live'" class="live-player">
-                <video :key="photo.ID" width="500" height="500" autoplay loop muted playsinline>
+                <video :key="photo.ID" width="500" height="500" preload="none" :poster="photo.thumbnailUrl('tile_500')" autoplay loop muted playsinline>
                   <source :src="photo.videoUrl()" type="video/mp4">
                 </video>
               </v-layout>
diff --git a/frontend/src/component/photo/mosaic.vue b/frontend/src/component/photo/mosaic.vue
index 3c789ffd0..2825bac83 100644
--- a/frontend/src/component/photo/mosaic.vue
+++ b/frontend/src/component/photo/mosaic.vue
@@ -42,7 +42,7 @@
                  @click.stop.prevent="onClick($event, index)"
           >
             <v-layout v-if="photo.Type === 'live'" class="live-player">
-              <video :key="photo.ID" width="224" height="224" autoplay loop muted playsinline>
+              <video :key="photo.ID" width="224" height="224" preload="none" :poster="photo.thumbnailUrl('tile_224')" autoplay loop muted playsinline>
                 <source :src="photo.videoUrl()" type="video/mp4">
               </video>
             </v-layout>
diff --git a/frontend/src/share/photo/cards.vue b/frontend/src/share/photo/cards.vue
index ef133d9db..78c0cdd53 100644
--- a/frontend/src/share/photo/cards.vue
+++ b/frontend/src/share/photo/cards.vue
@@ -39,7 +39,7 @@
                  @click.stop.prevent="onClick($event, index)"
           >
             <v-layout v-if="photo.Type === 'live'" class="live-player">
-              <video :key="photo.ID" width="500" height="500" autoplay loop muted playsinline>
+              <video :key="photo.ID" width="500" height="500" preload="none" :poster="photo.thumbnailUrl('tile_500')" autoplay loop muted playsinline>
                 <source :src="photo.videoUrl()" type="video/mp4">
               </video>
             </v-layout>
diff --git a/frontend/src/share/photo/mosaic.vue b/frontend/src/share/photo/mosaic.vue
index 3f786a76f..4bcfd38ee 100644
--- a/frontend/src/share/photo/mosaic.vue
+++ b/frontend/src/share/photo/mosaic.vue
@@ -38,7 +38,7 @@
                  @click.stop.prevent="onClick($event, index)"
           >
             <v-layout v-if="photo.Type === 'live'" class="live-player">
-              <video :key="photo.ID" width="224" height="224" autoplay loop muted playsinline>
+              <video :key="photo.ID" width="224" height="224" preload="none" :poster="photo.thumbnailUrl('tile_224')" autoplay loop muted playsinline>
                 <source :src="photo.videoUrl()" type="video/mp4">
               </video>
             </v-layout>