Video Player Page Block

This page block is for when you want to embed video content of considerable length (for example, like a 2 minute explanation video).

Video caption text, keep very short. (1:28)

H2 – Video & Text, Wistia (white bg)

The paragraph text that immediately follows the h2 can have the .intro class applied to it. Note, though, we should be mindful with how much text we enlarge here.

This is standard paragraph text sizing. Visually, a couple of sentences of this text styling helps this whole page block looks best. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Primary Button Example

Video caption text, keep very short. (1:28)

H2 – Video & Text, Wistia (light gray bg)

The paragraph text that immediately follows the h2 can have the .intro class applied to it. Note, though, we should be mindful with how much text we enlarge here.

This is standard paragraph text sizing. Visually, a couple of sentences of this text styling helps this whole page block looks best. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Primary Button Example

H2 – Video & Text, Vimeo (white bg)

The paragraph text that immediately follows the h2 can have the .intro class applied to it. Note, though, we should be mindful with how much text we enlarge here.

This is standard paragraph text sizing. Visually, a couple of sentences of this text styling helps this whole page block looks best. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Primary Button Example

Video caption text, keep very short. (1:28)

H2 – Video & Text, YouTube (white bg)

The paragraph text that immediately follows the h2 can have the .intro class applied to it. This block demonstrates how page blocks with the same bg color behave when they’re sibling blocks.

Primary Button Example

H2 – Video

If we allow for 1-column video, then perhaps we can keep this heading. But then let’s force the image width for the Image & Text page block to go full-width.