Mobile fixes

web/src/components/player/DynamicVideoPlayer.tsx

@@ -69,6 +69,24 @@ export default function DynamicVideoPlayer({
       type: "application/vnd.apple.mpegurl",
     };
   }, []);
+  const initialPreviewSource = useMemo(() => {
+    const preview = cameraPreviews.find(
+      (preview) =>
+        Math.round(preview.start) >= timeRange.start &&
+        Math.floor(preview.end) <= timeRange.end
+    );
+
+    if (preview) {
+      setHasPreview(true);
+      return {
+        src: preview.src,
+        type: preview.type,
+      };
+    } else {
+      setHasPreview(false);
+      return undefined;
+    }
+  }, []);
 
   // state of playback player
 
@@ -163,14 +181,16 @@ export default function DynamicVideoPlayer({
         <VideoPlayer
           options={{
             preload: "auto",
-            autoplay: false,
+            autoplay: true,
             controls: false,
             muted: true,
             loadingSpinner: false,
+            sources: hasPreview ? initialPreviewSource : null,
           }}
           seekOptions={{}}
           onReady={(player) => {
             previewRef.current = player;
+            player.pause();
             player.on("seeked", () => controller.finishedSeeking());
           }}
           onDispose={() => {

web/src/views/history/MobileTimelineView.tsx

@@ -72,11 +72,7 @@ export default function MobileTimelineView({
         {playback != undefined && (
           <ActivityScrubber
             items={timelineItemsToScrubber(playback.timelineItems)}
-            timeBars={
-              playback.relevantPreview
-                ? [{ time: new Date(timelineTime * 1000), id: "playback" }]
-                : []
-            }
+            timeBars={[{ time: new Date(timelineTime * 1000), id: "playback" }]}
             options={{
               start: new Date(
                 Math.max(playback.range.start, timelineTime - 300) * 1000