Skip to main content
Version: 5.x

vm-spinner

Displays a loading indicator when the video is buffering.

Visual#

Vime spinner component

Usage#

<vm-player>  <!-- ... -->  <vm-ui>    <!-- ... -->    <vm-spinner></vm-spinner>  </vm-ui></vm-player>

Properties#

PropertyDescriptionTypeDefault
showWhenMediaLoadingWhether the spinner should be active when the player is booting or media is loading.booleanfalse

Events#

EventDescriptionType
vmWillHideEmitted when the spinner will be hidden.CustomEvent<void>
vmWillShowEmitted when the spinner will be shown.CustomEvent<void>

CSS Custom Properties#

NameDescription
--vm-spinner-fill-colorThe color of the progress within the track.
--vm-spinner-heightThe height of the spinner.
--vm-spinner-spin-durationHow long it takes the spinner to complete a full rotation.
--vm-spinner-spin-timing-funcThe animation timing function to use for the spin.
--vm-spinner-thicknessThe thickness of the spinner in px.
--vm-spinner-track-colorThe color of the track the spinner is rotating in.
--vm-spinner-widthThe width of the spinner.
--vm-spinner-z-indexThe position in the UI z-axis stack inside the player.

Dependencies#

Used by#