administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-09 04:35:25 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Fix player controls visibility

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-22 10:31:35 -06:00
parent 5f00c5813b
commit 2969b6c4f5
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/player/HlsVideoPlayer.tsx
View File

@ -22,6 +22,7 @@ type HlsVideoPlayerProps = {
className: string;
children?: ReactNode;
videoRef: MutableRefObject<HTMLVideoElement | null>;
visible: boolean;
currentSource: string;
onClipEnded?: () => void;
onPlayerLoaded?: () => void;
@ -32,6 +33,7 @@ export default function HlsVideoPlayer({
className,
children,
videoRef,
visible,
currentSource,
onClipEnded,
onPlayerLoaded,
@ -137,7 +139,7 @@ export default function HlsVideoPlayer({
return (
<div
className={`relative`}
className={`relative ${visible ? "visible" : "hidden"}`}
onMouseOver={
isDesktop
? () => {

3
web/src/components/player/dynamic/DynamicVideoPlayer.tsx
View File

@ -167,8 +167,9 @@ export default function DynamicVideoPlayer({
return (
<div className={`relative ${className ?? ""}`}>
<HlsVideoPlayer
className={`w-full ${isScrubbing || isLoading ? "hidden" : "visible"} ${grow ?? ""}`}
className={`w-full ${grow ?? ""}`}
videoRef={playerRef}
visible={!(isScrubbing || isLoading)}
currentSource={source}
onTimeUpdate={onTimeUpdate}
onPlayerLoaded={onPlayerLoaded}