diff --git a/frontend/src/component/photo/cards.vue b/frontend/src/component/photo/cards.vue
index 9e3bfa933..f5fec387b 100644
--- a/frontend/src/component/photo/cards.vue
+++ b/frontend/src/component/photo/cards.vue
@@ -42,7 +42,7 @@
                    @mousedown="onMouseDown($event, index)"
                    @click.stop.prevent="onClick($event, index)"
             >
-              <v-layout v-if="photo.Type === 'video' || photo.Type === 'live'" class="live-player">
+              <v-layout v-if="photo.Type === 'live'" class="live-player">
                 <video :key="photo.ID" width="500" height="500" autoplay loop muted playsinline>
                   <source :src="photo.videoUrl()" type="video/mp4">
                 </video>
diff --git a/frontend/src/component/photo/mosaic.vue b/frontend/src/component/photo/mosaic.vue
index 51ad4a684..3c789ffd0 100644
--- a/frontend/src/component/photo/mosaic.vue
+++ b/frontend/src/component/photo/mosaic.vue
@@ -41,7 +41,7 @@
                  @mousedown="onMouseDown($event, index)"
                  @click.stop.prevent="onClick($event, index)"
           >
-            <v-layout v-if="photo.Type === 'video' || photo.Type === 'live'" class="live-player">
+            <v-layout v-if="photo.Type === 'live'" class="live-player">
               <video :key="photo.ID" width="224" height="224" autoplay loop muted playsinline>
                 <source :src="photo.videoUrl()" type="video/mp4">
               </video>
diff --git a/frontend/src/component/video/player.vue b/frontend/src/component/video/player.vue
index 9e51377ea..277c26633 100644
--- a/frontend/src/component/video/player.vue
+++ b/frontend/src/component/video/player.vue
@@ -1,5 +1,5 @@
 <template>
-  <video class="p-video-player" ref="player" :height="height" :width="width" :autoplay="autoplay"
+  <video ref="player" class="p-video-player" :height="height" :width="width" :autoplay="autoplay"
          :preload="preload"></video>
 </template>
 
@@ -7,7 +7,7 @@
 import "mediaelement";
 
 export default {
-  name: "p-photo-player",
+  name: "PPhotoPlayer",
   props: {
     show: {
       type: Boolean,
@@ -61,10 +61,21 @@ export default {
     refresh: false,
     player: null,
   }),
+  watch: {
+    source: function (source) {
+      if (source) {
+        this.setSource(source);
+      }
+    },
+  },
   mounted() {
     document.body.classList.add("player");
     this.render();
   },
+  beforeDestroy() {
+    document.body.classList.remove("player");
+    this.remove();
+  },
   methods: {
     render() {
       const {MediaElementPlayer} = global;
@@ -114,7 +125,7 @@ export default {
       this.player.videoHeight = this.height;
       this.player.videoWidth = this.width;
       this.player.loop = this.loop;
-      this.$el.style.cssText = "width: " + this.width + "px; height: " + this.height + "px;"
+      this.$el.style.cssText = "width: " + this.width + "px; height: " + this.height + "px;";
 
       this.player.setSrc(src);
       this.player.setPoster("");
@@ -126,16 +137,5 @@ export default {
       }
     },
   },
-  beforeDestroy() {
-    document.body.classList.remove("player");
-    this.remove();
-  },
-  watch: {
-    source: function (source) {
-      if (source) {
-        this.setSource(source);
-      }
-    },
-  },
-}
+};
 </script>
diff --git a/frontend/src/css/search.css b/frontend/src/css/search.css
index d07955a4c..d792f68a2 100644
--- a/frontend/src/css/search.css
+++ b/frontend/src/css/search.css
@@ -280,7 +280,8 @@
     display: none;
 }
 
-#photoprism .search-results .type-video.is-playable:hover .input-play {
+#photoprism .search-results .type-video.is-playable:hover .input-play,
+#photoprism .search-results.list-view .type-live.is-playable:hover .input-play {
     display: inline-flex;
     opacity: 0.75;
     margin-left: auto;
diff --git a/frontend/src/share/photo/cards.vue b/frontend/src/share/photo/cards.vue
index d81a34fdd..ef133d9db 100644
--- a/frontend/src/share/photo/cards.vue
+++ b/frontend/src/share/photo/cards.vue
@@ -38,7 +38,7 @@
                  @mousedown="onMouseDown($event, index)"
                  @click.stop.prevent="onClick($event, index)"
           >
-            <v-layout v-if="photo.Type === 'video' || photo.Type === 'live'" class="live-player">
+            <v-layout v-if="photo.Type === 'live'" class="live-player">
               <video :key="photo.ID" width="500" height="500" autoplay loop muted playsinline>
                 <source :src="photo.videoUrl()" type="video/mp4">
               </video>
diff --git a/frontend/src/share/photo/mosaic.vue b/frontend/src/share/photo/mosaic.vue
index 7e4b6d716..3f786a76f 100644
--- a/frontend/src/share/photo/mosaic.vue
+++ b/frontend/src/share/photo/mosaic.vue
@@ -37,7 +37,7 @@
                  @mousedown="onMouseDown($event, index)"
                  @click.stop.prevent="onClick($event, index)"
           >
-            <v-layout v-if="photo.Type === 'video' || photo.Type === 'live'" class="live-player">
+            <v-layout v-if="photo.Type === 'live'" class="live-player">
               <video :key="photo.ID" width="224" height="224" autoplay loop muted playsinline>
                 <source :src="photo.videoUrl()" type="video/mp4">
               </video>