From 01f424dbfbd8a0c689ec6d5a828240ef088077f2 Mon Sep 17 00:00:00 2001
From: Leo Vasanko <git@vasanko.com>
Date: Sat, 30 May 2026 22:33:23 +0000
Subject: [PATCH] Force reel videos to remount on movie change

---
 frontend/src/components/MediaDetail.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/components/MediaDetail.vue b/frontend/src/components/MediaDetail.vue
index e6fe177..1bcaba5 100644
--- a/frontend/src/components/MediaDetail.vue
+++ b/frontend/src/components/MediaDetail.vue
@@ -30,6 +30,7 @@
             <div class="collage-fallback-tile" :class="`collage-fallback-${slot.index + 1}`"></div>
             <video
               v-if="slot.sourcePaths.length > 0"
+              :key="`${item.id}-${slot.index}-${slot.sourcePaths.join('|')}`"
               :ref="(el) => setVideoRef(el as HTMLVideoElement, slot.index)"
               :class="{ 'is-ready': isVideoReady(slot.index) }"
               :autoplay="safariAutoplay"
@@ -555,6 +556,11 @@ watch(
     )
     videoStates.value = slots.map((slot) => (slot.sourcePaths.length > 0 ? "loading" : "missing"))
     await nextTick()
+    for (let i = 0; i < videoRefs.value.length; i++) {
+      if (slots[i]?.sourcePaths.length > 0) {
+        videoRefs.value[i]?.load()
+      }
+    }
     setTimeout(() => {
       startStaggeredPlayback()
     }, 100)