FBK Video card
A video poster with a play disc that opens the video in a lightbox.
- Used in 3 templates
- 12 options
- Includes FBK Video lightbox
- Native Bricks element
One FBK Video card, as in the first example below. Change anything from the panel after you paste it.
In the annual plan, $99/year. See plans
Every FBK Video card variation
Live from the demo site. Switch the width and the background, or open it full screen.
Loading demo…
The options
Every property of the component, in the order the Bricks panel shows them. FBK Video lightbox has its own, in each piece you drop in.
| Option | Choices | Default |
|---|---|---|
| VideoA YouTube or Vimeo address, or an .mp4 file. «External URL» with an FBK Video lightbox beside the cards: it plays there (previous / next). «Lightbox video»: it plays in the Bricks lightbox (one by one). Without JS the link opens the video. | Any link | — |
| PosterA frame of the video. Decorative: the title names the link. | Any image | — |
| Title | Any text | Big Buck Bunny |
| Title tag | H3, H4, Paragraph | H3 |
| MetaLength, author or category. | Any text | 10:34 · Blender Foundation |
| Hide meta | On or off | Off |
| Proportion | 3:4, 16:9, 1:1 | 3:4 |
| HoverZoom: the poster comes closer, the disc grows, the title and meta rise and the title is underlined. | Zoom, None | Zoom |
| LookPlain: no box. Soft: a tinted box that fills on hover. Outline: a thin edge that fills on hover. Solid: filled. Elevated: a raised surface with a small shadow. The same looks as every Fancy Bricks component (and the buttons: Ghost, Secondary, Outline, Primary). | Plain, Soft, Outline, Solid, Elevated | Solid |
| ToneBrand: your accent color. Neutral: the text color around it. White: the same on every background, for controls over photos. | Brand, Neutral, White | White |
| ShapeRound: a circle on icons, a pill on text. Blob: a bubble that turns round on hover (icons). | Rounded, Round, Square, Blob | Round |
| HTML tagli inside a list of videos; div anywhere else. | li, div | li |
Used in 3 templates
A few of them. Change FBK Video card once on your site and every one of these sections follows.
Questions, answered
Short answers about FBK Video card.
Do I need a template to use FBK Video card?
No. Copy it from this page and paste it anywhere in Bricks. It also comes with every template that uses it.
What happens if I change FBK Video card on my site?
Every instance follows: the design lives in the component and its classes, not in each copy.
Does it work with my framework?
Yes. Copy it for Fancy Framework, Automatic.css or Core Framework, and it uses your colors and sizes.
Every component comes inside a template
Browse the library, copy a section, and the components it uses come with it.