Menu

BoxesVideo

A video element embedded in a boxes item adds a YouTube video player to it.

Minimum requirements
  • 1 boxes item
  • 1 YouTube video id
Advanced settings

Presets

?

Variations

?

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget magna fermentum iaculis eu. Et tortor consequat id porta. Quis varius quam quisque id diam vel.

Lorem ipsum dolor sit amet

HTML
Copy to clipboard

Details

Usage

The video element was designed to display a YouTube video player inside a box. It is used whenever the usual static visual element should be replaced by a video.

Guidelines

  1. Image properties recommended:
    • 1000x750 (resolution)
    • JPG and WEBP (format)

HTML structure

Overall HTML view of a video element inside boxes:

main (HTML file)
(other component(s))
div.boxes
div.box (one or more)
div[data-image].video
a
div.video-container
div#containerId-???????????
div.content-box
h3
p
a (optional)
(other component(s))

Presets

Boxes with video presets:

PresetDescription
DefaultDefault template.

Variations

Boxes with video variations:

VariationDescription
DefaultThis snippet is composed of a box with a video container.