Protected
Readonly
_pointerProtected
Readonly
_rangeOptional
activeOptional
errorOptional
fullscreenOptional
playbackOptional
previewOptional
targetReadonly
theoplayerThe names of the properties this element will receive.
Whether the range is disabled.
When disabled, the slider value cannot be changed, and the slider thumb is hidden.
The maximum allowed value.
The minimum allowed value.
The granularity at which the value can change.
If set to "any"
, the value can change with arbitrary precision.
The current value.
Static
observedProtected
_upgradeProtected
getThe value for the aria-label
attribute of the <input type="range">
element.
Protected
getThe value for the aria-valuetext
attribute of the <input type="range">
element.
Protected
getBuild the color gradient for the range bar. Creating an array so progress-bar can insert the buffered bar.
Protected
getProtected
handleProtected
handleProtected
updateOptional
useCachedWidth: booleanProtected
update
<theoplayer-time-range>
- A seek bar, showing the current time of the player, and which seeks the player when clicked or dragged.Slot
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.