From 33ee599f3c4bad181fbb0f5e135cd69e173ab661 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mnvr.in>
Date: Wed, 26 Mar 2025 09:30:41 +0530
Subject: [PATCH] Inline playback of live photos on mobile browsers

---
 web/packages/gallery/components/viewer/photoswipe.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/packages/gallery/components/viewer/photoswipe.ts b/web/packages/gallery/components/viewer/photoswipe.ts
index b7ad7509bb..043ac21462 100644
--- a/web/packages/gallery/components/viewer/photoswipe.ts
+++ b/web/packages/gallery/components/viewer/photoswipe.ts
@@ -1159,8 +1159,10 @@ const hlsVideoControlsHTML = () => `
 </media-control-bar>
 `;
 
+// playsinline will play the video inline on mobile browsers (where the default
+// is to open a full screen player).
 const livePhotoVideoHTML = (videoURL: string) => `
-<video loop muted oncontextmenu="return false;">
+<video loop muted playsinline oncontextmenu="return false;">
   <source src="${videoURL}" />
 </video>
 `;