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>