<theoplayer-time-range> - A seek bar, showing the current time of the player, and which seeks the player when clicked or dragged.

preview - A slot holding a preview of the seek time, shown while hovering the seek bar. By default, this shows the preview time and the preview thumbnail.

Hierarchy

Constructors

Properties

_pointerEl: HTMLElement
activeVideoQuality?: VideoQuality
deviceType: "mobile" | "tv" | "desktop"
fullscreen?: boolean
playbackRate?: number
previewTime?: number
targetVideoQualities?: VideoQuality[]
theoplayerUiObservedProperties: (keyof StateReceiverPropertyMap)[]

The names of the properties this element will receive.

Accessors

  • get disabled(): boolean

    Whether the range is disabled.

    When disabled, the slider value cannot be changed, and the slider thumb is hidden.

    Returns boolean

  • set disabled(disabled: boolean): void

    Parameters

    • disabled: boolean

    Returns void

  • get max(): number

    The maximum allowed value.

    Returns number

  • set max(max: number): void

    Parameters

    • max: number

    Returns void

  • get min(): number

    The minimum allowed value.

    Returns number

  • set min(min: number): void

    Parameters

    • min: number

    Returns void

  • get step(): number | "any"

    The granularity at which the value can change.

    If set to "any", the value can change with arbitrary precision.

    Returns number | "any"

  • set step(step: number | "any"): void

    Parameters

    • step: number | "any"

    Returns void

  • get value(): number

    The current value.

    Returns number

  • set value(value: number): void

    Parameters

    • value: number

    Returns void

Methods

  • Parameters

    Returns void

  • Parameters

    • attrName: string
    • oldValue: any
    • newValue: any

    Returns void

  • Returns void

  • Returns void

  • The value for the aria-label attribute of the <input type="range"> element.

    Returns string

  • The value for the aria-valuetext attribute of the <input type="range"> element.

    Returns string

  • Build the color gradient for the range bar. Creating an array so progress-bar can insert the buffered bar.

    Returns ColorStops

  • Returns number

  • Returns void

  • Parameters

    • OptionaluseCachedWidth: boolean

    Returns void