Skip to main content
Version: 5.x

vm-fullscreen-control

A control for toggling fullscreen mode. This control is not displayed if fullscreen cannot be requested (checked via the canSetFullscreen() player method).

Visual#

Vime fullscreen control component

Usage#

<vm-player>  <!-- ... -->  <vm-ui>    <!-- ... -->    <vm-controls>      <!-- ... -->      <vm-fullscreen-control></vm-fullscreen-control>    </vm-controls>  </vm-ui></vm-player>

Properties#

PropertyDescriptionTypeDefault
enterIconThe name of the enter fullscreen icon to resolve from the icon library.string'fullscreen-enter'
exitIconThe name of the exit fullscreen icon to resolve from the icon library.string'fullscreen-exit'
hideTooltipWhether the tooltip should not be displayed.booleanfalse
iconsThe name of an icon library to use. Defaults to the library defined by the icons player property.string ∣ undefinedundefined
keysA 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'f'
tooltipDirectionThe direction in which the tooltip should grow."left" ∣ "right" ∣ undefinedundefined
tooltipPositionWhether the tooltip is positioned above/below the control."bottom" ∣ "top"'top'

Dependencies#

Used by#

Depends on#