{
- evt.stopPropagation()
- setInteractingViaKeypress(false)
- }}
- onPointerEnter={onHoverWithTimeout}
- onPointerMove={onHoverWithTimeout}
- onPointerLeave={onEndHoverWithTimeout}
- onPointerDown={onPointerDown}
- onFocus={onFocus}
- onBlur={onBlur}
- onKeyDown={onKeyDown}>
-
- {!showControls && !focused && duration > 0 && (
-
- )}
-
-
-
-
-
-
- {formatTime(currentTime)} / {formatTime(duration)}
-
- {hasSubtitleTrack && (
-
- )}
-
- {!isIPhoneWeb && (
-
- )}
-
-
- {(buffering || error) && (
-
- {buffering && }
- {error && (
-
- An error occurred
-
- )}
-
- )}
-
- )
-}
-
-function ControlButton({
- active,
- activeLabel,
- inactiveLabel,
- activeIcon: ActiveIcon,
- inactiveIcon: InactiveIcon,
- onPress,
-}: {
- active: boolean
- activeLabel: string
- inactiveLabel: string
- activeIcon: React.ComponentType