Version: 4.x

vime-playback-control

A control for toggling the playback state (play/pause) of the current media.

Visual#

Vime playback control component

Usage#

<vime-player>
<!-- ... -->
<vime-ui>
<!-- ... -->
<vime-controls>
<!-- ... -->
<vime-playback-control></vime-playback-control>
</vime-controls>
</vime-ui>
</vime-player>

Properties#

PropertyAttributeDescriptionTypeDefault
hideTooltiphide-tooltipWhether the tooltip should not be displayed.booleanfalse
keyskeysA slash (/) separated string of JS keyboard keys (KeyboardEvent.key), that when caught in a keydown event, will trigger a click event on the control.string ∣ undefined'k'
pauseIconpause-iconThe URL to an SVG element or fragment to load.string'#vime-pause'
playIconplay-iconThe URL to an SVG element or fragment to load.string'#vime-play'
tooltipDirectiontooltip-directionThe direction in which the tooltip should grow."left" ∣ "right" ∣ undefinedundefined
tooltipPositiontooltip-positionWhether the tooltip is positioned above/below the control."bottom" ∣ "top"'top'

Dependencies#

Used by#

Depends on#

Graph#

graph TD;
vime-playback-control --> vime-control
vime-playback-control --> vime-icon
vime-playback-control --> vime-tooltip
vime-default-controls --> vime-playback-control
style vime-playback-control fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS