Version: 5.x

vm-control-group

A simple container that enables player controls to be organized into groups. Each group starts on a new line.

Visual#

Vime control group component

Usage#

<vm-player>
<!-- ... -->
<vm-ui>
<!-- ... -->
<vm-controls full-width>
<vm-control-group>
<vm-scrubber-control></vm-scrubber-control>
</vm-control-group>
<vm-control-group space="top">
<vm-playback-control></vm-playback-control>
<vm-volume-control></vm-volume-control>
</vm-control-group>
</vm-controls>
</vm-ui>
</vm-player>

Properties#

PropertyDescriptionTypeDefault
spaceDetermines where to add spacing/margin. The amount of spacing is determined by the CSS variable --control-group-spacing."both" ∣ "bottom" ∣ "none" ∣ "top"'none'

CSS Custom Properties#

NameDescription
--vm-control-group-spacingThe space between control groups.

Dependencies#

Used by#