vime-spinner

Displays a loading indicator when the video is buffering.

Visual

Vime spinner component

Usage

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

Events

EventDescriptionType
vWillHideEmitted when the spinner will be hidden.CustomEvent<void>
vWillShowEmitted 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

Graph

graph TD;
vime-default-ui --> vime-spinner
style vime-spinner fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS