+ {type === 'video' ? (
+ <>
+
+ {formatPlaybackTime(playbackTime)}
+ {
+ const video = videoRef.current
+ if (!video || value === undefined || !Number.isFinite(value) || duration <= 0) {
+ return
+ }
+ video.currentTime = Math.min(duration, Math.max(0, value))
+ setCurrentTime(video.currentTime)
+ }}
+ className='h-11 min-w-0 flex-1'
+ />
+ {formatPlaybackTime(duration)}
+
+
{
+ const video = videoRef.current
+ if (!video) return
+ if (video.paused) void video.play().catch(() => setPlaying(false))
+ else video.pause()
+ }}
+ >
+ {playing ? 'Pause' : 'Play'}
+
+ {captionsSrc ? (
+
setMuted(!muted)}>{muted ? 'Unmute' : 'Mute'}
+ ) : null}
+ >
+ ) : null}