diff --git a/apps/photos/src/utils/photoFrame/index.ts b/apps/photos/src/utils/photoFrame/index.ts
index 428dd58f3..3010104a2 100644
--- a/apps/photos/src/utils/photoFrame/index.ts
+++ b/apps/photos/src/utils/photoFrame/index.ts
@@ -40,10 +40,20 @@ export async function pauseVideo(livePhotoVideo, livePhotoImage) {
 
 export function updateFileMsrcProps(file: EnteFile, url: string) {
     file.msrc = url;
-    file.src = url;
     file.isSourceLoaded = false;
     file.conversionFailed = false;
     file.isConverted = false;
+    file.src = null;
+    file.html = null;
+    if (file.metadata.fileType === FILE_TYPE.IMAGE) {
+        file.src = url;
+    } else {
+        file.html = `
+            <div class = 'pswp-item-container'>
+                <img src="${url}"/>
+            </div>
+            `;
+    }
 }
 
 export async function updateFileSrcProps(