diff --git a/web/src/components/player/PreviewThumbnailPlayer.tsx b/web/src/components/player/PreviewThumbnailPlayer.tsx index 5ecd871c7..871ff0e9e 100644 --- a/web/src/components/player/PreviewThumbnailPlayer.tsx +++ b/web/src/components/player/PreviewThumbnailPlayer.tsx @@ -5,6 +5,7 @@ import { useCallback, useMemo, useRef, useState } from "react"; import { useApiHost } from "@/api"; import Player from "video.js/dist/types/player"; import { AspectRatio } from "../ui/aspect-ratio"; +import { LuPlayCircle } from "react-icons/lu"; type PreviewPlayerProps = { camera: string; @@ -126,32 +127,35 @@ export default function PreviewThumbnailPlayer({ } } else { content = ( -
- { - playerRef.current = player; - player.playbackRate(isSafari ? 2 : 8); - player.currentTime(startTs - relevantPreview.start); - }} - onDispose={() => { - playerRef.current = null; - }} - /> -
+ <> +
+ { + playerRef.current = player; + player.playbackRate(isSafari ? 2 : 8); + player.currentTime(startTs - relevantPreview.start); + }} + onDispose={() => { + playerRef.current = null; + }} + /> +
+ + ); }