Buttons
Seek Button
This component is used to seek playback forwards or backwards.
Usage
The <media-seek-button>
component will seek the current time of media forwards or backwards as it's pressed by dispatching a media-seek-request
event to the player.
Custom Icons
Here's an example containing a custom backward and forward icon:
Tooltips
Tooltips can be provided like so:
Styling
You can override the default styles with CSS like so:
Focus
Tailwind
The following is a headless example using Tailwind:
Tooltips
The following extends the example above with tooltips:
Previous
<-
Fullscreen Button
Next
PIP Button
->