Combo boxVideo
A video element embedded in the upper box of a combo box adds a YouTube video player to it.
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 ametLorem 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 ametDetails
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
- Should be embedded only in the first box of the combo box component
- Image properties recommended:
- 1000x750 (resolution)
- JPG and WEBP (format)
HTML structure
Overall HTML view of a video element inside a combo box:
div.titlediv.introdiv.combo-box
div.upper
div[data-image].video
adiv.video-container
div#containerId-???????????div.content-box
p.category (optional)p.highlight (optional)h3padiv.lower[data-image]
div.content-box
h3paPresets
Combo box with video presets:
| Preset | Description |
|---|---|
| Default | Default preset. |
Variations
Combo box with video variations:
| Variation | Description |
|---|---|
Default | This snippet is composed of a combo box and a video element in the first box. |