Add playsinline attribute to video tag

This fixes #3734 by adding the playsinline attribute to the video tag in VideoPlayer.vue. This attribute is required for iOS devices to play videos inline instead of going into fullscreen mode by default.
TeamPiped · Jan 13, 2025 · 4e8b0ed · 4e8b0ed
1 parent 14c857a
commit 4e8b0ed
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
@@ -5,7 +5,7 @@
         class="relative max-h-screen w-full flex justify-center"
         :class="{ 'player-container': !isEmbed }"
     >
-        <video ref="videoEl" class="w-full" data-shaka-player :autoplay="shouldAutoPlay" :loop="selectedAutoLoop" />
+        <video ref="videoEl" class="w-full" data-shaka-player :autoplay="shouldAutoPlay" :loop="selectedAutoLoop" playsinline />
         <span
             id="preview-container"
             ref="previewContainer"