fix: disable iOS always fullscreening the video player...

Author: AlbinoDrought

ui/src/components/VideoStream.vue

@@ -67,5 +67,5 @@ watch(() => props.muted, (newMuted) => {
 </script>
 
 <template>
-  <video ref="video" :muted="muted" preload="none" controls />
+  <video ref="video" :muted="muted" preload="none" controls playsinline />
 </template>

ui/src/views/CameraTimelineView.vue

@@ -421,6 +421,7 @@ const closeClipperModal = () => {
               muted
               controls
               autoplay
+              playsinline
               @ended="handleVideoEnded"
               @loadedmetadata="handleVideoLoadedMetadata"
             />

ui/src/views/RecordingView.vue

@@ -120,6 +120,7 @@ const toggleFullscreen = () => {
             muted
             controls
             autoplay
+            playsinline
           />
 
           <div class="absolute bottom-16 left-4 z-20 bg-gray-900/90 text-white px-4 py-2 rounded-md backdrop-blur-sm max-w-[calc(100%-2rem)]">