Docs

Back to component list

BoxVideo

Creates a box with a embedded video play.

Can be used as visual element or as fully blown video player.

NameDefault
videoId
stringnull
videoFit
string'cover'

Set how the video should be fit into the box.

Possible options:

  • fill
  • contain
  • cover
  • none
  • scale-down

Live demo and more details: https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit

videoPosition
string'center center'

Set how the video should be positioned within the box.

Takes two values, one for the horizontal and one for the vertical axis.

Example values:

  • center bottom
  • 2rem center
  • top right

Live demo and more details: https://developer.mozilla.org/en-US/docs/Web/CSS/object-position

controls
boolfalse
autoplay
booltrue

Set if the video start playing as soon it is visible. Mutes audio due to browser limitations.

loop
booltrue

Set if the video should run as loop.

muted
booltrue

Mute audio. Always true when autoplay is enabled.

showAnimation
custom
pauseOnHover
true


Back to component list