handle setSeekToTimestamp reset in player
This commit is contained in:
parent
2e95412b5b
commit
7d5d64a48d
|
|
@ -112,6 +112,7 @@ type VideoPlayerProps = {
|
|||
onWatchStateChanged?: (status: boolean) => void;
|
||||
onVideoEnd?: () => void;
|
||||
seekToTimestamp?: number;
|
||||
setSeekToTimestamp?: (timestamp: number | undefined) => void;
|
||||
};
|
||||
|
||||
const VideoPlayer = ({
|
||||
|
|
@ -122,6 +123,7 @@ const VideoPlayer = ({
|
|||
onWatchStateChanged,
|
||||
onVideoEnd,
|
||||
seekToTimestamp,
|
||||
setSeekToTimestamp,
|
||||
}: VideoPlayerProps) => {
|
||||
const videoRef = useRef<HTMLVideoElement | null>(null);
|
||||
|
||||
|
|
@ -140,6 +142,8 @@ const VideoPlayer = ({
|
|||
if (videoRef.current.paused) {
|
||||
videoRef.current.play();
|
||||
}
|
||||
if (setSeekToTimestamp) setSeekToTimestamp(undefined);
|
||||
window.scroll(0, 0);
|
||||
}, [seekToTimestamp]);
|
||||
|
||||
const [searchParams] = useSearchParams();
|
||||
|
|
|
|||
|
|
@ -138,9 +138,6 @@ const Video = () => {
|
|||
|
||||
const handleTimestampClick = (seconds: number) => {
|
||||
setSeekToTimestamp(seconds);
|
||||
|
||||
// Reset timestamp to allow clicking again
|
||||
setTimeout(() => setSeekToTimestamp(undefined), 500);
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
|
|
@ -233,6 +230,7 @@ const Video = () => {
|
|||
sponsorBlock={sponsorBlock}
|
||||
autoplay={playlistAutoplay}
|
||||
seekToTimestamp={seekToTimestamp}
|
||||
setSeekToTimestamp={setSeekToTimestamp}
|
||||
onWatchStateChanged={() => {
|
||||
setRefreshVideoList(true);
|
||||
}}
|
||||
|
|
|
|||
Loading…
Reference in New Issue