fix drag seeking inteference with real seeking

src/video/components/actions/TimeAction.tsx

@@ -40,7 +40,7 @@ export function TimeAction(props: Props) {
 
   const hasHours = durationExceedsHour(videoTime.duration);
   const time = formatSeconds(
-    mediaPlaying.isSeeking ? videoTime.draggingTime : videoTime.time,
+    mediaPlaying.isDragSeeking ? videoTime.draggingTime : videoTime.time,
     hasHours
   );
   const duration = formatSeconds(videoTime.duration, hasHours);

src/video/state/init.ts

@@ -9,6 +9,7 @@ function initPlayer(): VideoPlayerState {
       isFullscreen: false,
       isFocused: false,
       leftControlHovering: false,
+      popoutBounds: null,
     },
 
     mediaPlaying: {
@@ -16,6 +17,7 @@ function initPlayer(): VideoPlayerState {
       isPaused: true,
       isLoading: false,
       isSeeking: false,
+      isDragSeeking: false,
       isFirstLoading: true,
       hasPlayedOnce: false,
       volume: 0,

src/video/state/logic/mediaplaying.ts

@@ -8,6 +8,7 @@ export type VideoMediaPlayingEvent = {
   isPaused: boolean;
   isLoading: boolean;
   isSeeking: boolean;
+  isDragSeeking: boolean;
   hasPlayedOnce: boolean;
   isFirstLoading: boolean;
   volume: number;
@@ -22,6 +23,7 @@ function getMediaPlayingFromState(
     isPaused: state.mediaPlaying.isPaused,
     isPlaying: state.mediaPlaying.isPlaying,
     isSeeking: state.mediaPlaying.isSeeking,
+    isDragSeeking: state.mediaPlaying.isDragSeeking,
     isFirstLoading: state.mediaPlaying.isFirstLoading,
     volume: state.mediaPlaying.volume,
   };

src/video/state/providers/videoStateProvider.ts

@@ -99,6 +99,7 @@ export function createVideoStateProvider(
     },
     setSeeking(active) {
       state.mediaPlaying.isSeeking = active;
+      state.mediaPlaying.isDragSeeking = active;
       updateMediaPlaying(descriptor, state);
 
       // if it was playing when starting to seek, play again

src/video/state/types.ts

@@ -31,6 +31,7 @@ export type VideoPlayerState = {
     isPlaying: boolean;
     isPaused: boolean;
     isSeeking: boolean; // seeking with progress bar
+    isDragSeeking: boolean; // is seeking for our custom progress bar
     isLoading: boolean; // buffering or not
     isFirstLoading: boolean; // first buffering of the video, when set to false the video can start playing
     hasPlayedOnce: boolean; // has the video played at all?