Display
Buffering Indicator
This component is used to display a loading indicator when media is buffering.
Usage
Custom
You can create a custom buffering indicator with some HTML, CSS, and media data attributes. The data-waiting
attribute can be used to show the indicator while media is buffering. Optionally, the data-can-play
attribute could also be used to display the indicator while media is initially loading.
Styling
CSS Variables
The following snippet contains a complete list of CSS variables and their default values. Any of the variables can be set to adjust the default buffering indicator styles:
Tailwind
The following is a headless example using Tailwind:
Previous
<-
Captions
Next
Live Indicator
->