The PlayPauseTrigger
component enables users to toggle playback and the PlayingIndicator
provides a visual cue for the current playback state.
PlayPauseTrigger
and PlayingIndicator
integrate together to form the
typical play/pause interaction for media players. They do not have to be used
together and can combine with other components.matcher
patternPlayPauseTrigger
PlayingIndicator
forceMount
matcher
PlayingIndicator
displays, using a
boolean or a custom function for tailored visibility logic.
data-livepeer-play-pause-trigger
data-playing
"true"
for playing, "false"
for paused).
data-visible
"true"
) or hidden ("false"
), useful
for CSS-based animations and visibility adjustments.
data-livepeer-playing-indicator
data-playing
"true"
for playing, "false"
for paused).
data-visible
"true"
) or hidden ("false"
), useful
for CSS-based animations.