Videos

Content blocks included on this page:

Text

Embed: Video

Container: Media + Inner Blocks

Media: Columns (2 or 3)

Text

INNER BLOCK

You can embed a video within the Text inner content block. If you embed a vertical video, it can appear too tall on the front end; this content block works much better with landscape video. Videos can be uploaded natively to Sanity or referenced on YouTube or Vimeo.

Watch Video

Uploaded natively to Sanity

Landscape

Portrait

YouTube

Landscape

Portrait

Vimeo

Landscape

Embed: Video

INNER BLOCK

With the Embed: Video inner content block, you can place a video within you page margins. If you embed a vertical video, it can appear too tall on the front end; this content block works much better with landscape video. Videos can be uploaded natively to Sanity or referenced on YouTube or Vimeo.

Watch Video

Uploaded Natively

YouTube

Vimeo

Container: Media + Inner Blocks

OUTER BLOCK

With the Container: Media + Inner Blocks outer content block, you can place a video on the left side and any Inner Block on the right side. Videos can be uploaded natively to Sanity or referenced on YouTube or Vimeo.

Watch Video

Uploaded video (Portrait)

You can place any Inner Block on this side.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et placerat turpis. Nullam mollis, ligula eget pulvinar ornare, elit magna porttitor nibh, id placerat erat nulla eu dolor. Suspendisse a hendrerit sapien. Etiam aliquet, diam quis malesuada finibus, ipsum massa porttitor lorem, elementum auctor ipsum libero ut urna. Nam et est luctus, venenatis lacus a, fringilla tellus. Donec ac lacinia massa, sit amet rutrum ex. Maecenas eget nunc sed tellus rhoncus viverra.

Example Button

Uploaded video (Landscape)

You can place any Inner Block on this side.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et placerat turpis. Nullam mollis, ligula eget pulvinar ornare, elit magna porttitor nibh, id placerat erat nulla eu dolor. Suspendisse a hendrerit sapien. Etiam aliquet, diam quis malesuada finibus, ipsum massa porttitor lorem, elementum auctor ipsum libero ut urna. Nam et est luctus, venenatis lacus a, fringilla tellus. Donec ac lacinia massa, sit amet rutrum ex. Maecenas eget nunc sed tellus rhoncus viverra.

Example Button

YouTube video (Portrait)

You can place any Inner Block on this side.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et placerat turpis. Nullam mollis, ligula eget pulvinar ornare, elit magna porttitor nibh, id placerat erat nulla eu dolor. Suspendisse a hendrerit sapien. Etiam aliquet, diam quis malesuada finibus, ipsum massa porttitor lorem, elementum auctor ipsum libero ut urna. Nam et est luctus, venenatis lacus a, fringilla tellus. Donec ac lacinia massa, sit amet rutrum ex. Maecenas eget nunc sed tellus rhoncus viverra.

Example Button

YouTube video (Landscape)

You can place any Inner Block on this side.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et placerat turpis. Nullam mollis, ligula eget pulvinar ornare, elit magna porttitor nibh, id placerat erat nulla eu dolor. Suspendisse a hendrerit sapien. Etiam aliquet, diam quis malesuada finibus, ipsum massa porttitor lorem, elementum auctor ipsum libero ut urna. Nam et est luctus, venenatis lacus a, fringilla tellus. Donec ac lacinia massa, sit amet rutrum ex. Maecenas eget nunc sed tellus rhoncus viverra.

Example Button

Vimeo video (Landscape)

You can place any Inner Block on this side.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et placerat turpis. Nullam mollis, ligula eget pulvinar ornare, elit magna porttitor nibh, id placerat erat nulla eu dolor. Suspendisse a hendrerit sapien. Etiam aliquet, diam quis malesuada finibus, ipsum massa porttitor lorem, elementum auctor ipsum libero ut urna. Nam et est luctus, venenatis lacus a, fringilla tellus. Donec ac lacinia massa, sit amet rutrum ex. Maecenas eget nunc sed tellus rhoncus viverra.

Example Button

Media: Columns (2 or 3)​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍‍‌‌‍​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍​‌‍‌‍‍‌​‌‍‌‌‌​‍‌‌‍‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‍‌‍‌​‍‌‍‌​‍‌‍‌‌‍​‌‌‍‍‌‌‍‍​‍‌‍‍‌‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍‌‍‌‌‍‌‍‌​‌‍‌‌​‌‌​​‌​‍‌‍‌‌‌​‌‍‌‌‌‍‍‌‌​‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‌‍‍‌‌‍‌​​‌​​‍​‌​​​‌‍‌‍​‌​‌‍​​‍​‍​​‍‌‌‍​‌‍​‌‍‌​‌‍​‍​‍‌​‌​​‍​​‌‍​​​​‍‌​‍​​​‌​‌‍‌‍​‌​‍‌‌‍​‍​​‍​​‌‍​‌‌‍​‌​​‍​‍‌​‌​​‌‍‌​‌‍‌‍​‌‌​‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌‍‌​‌‍‌‍​‌‌‌‌‍‌‌‍‌‌‌‍‍‌‌​​‍‍‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‌‍‍‌​‌‍‌​​​​‌‌‌‍​‌‍​‌‌‌‌‍‌‌‌‍‌​‌​​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​​​‌‍​‌​‌​​‌‍​‍​‌‍​‌‌‍​​​‌‍‌‍‌‍‌‍​​‍​‌​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​‌‌​‍​​‌‌​‍​​​​‍‌​​‌​​​​​‍‌‌‍​‌‌‍​‍​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‍​‌‍‍‌‌‍​‌‍‌​‌​‍‌‍‌‌‌‍‍​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‍​‍​‌‍‌‌‌‍​‍​​‍​‌‌​‌​​​​‌‍‌‌​‌‍​‌‌‍​‍​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‌​‌‍‌‌‌‍​‌‌​​‌‍​‍‌‍​‌‌​‌‍‌‌‌‌‌‌‌​‍‌‍​​‌‌‍‍​‌‌​‌‌​‌​​‌​​‍‌‌​​‌​​‌​‍‌‌​​‍‌​‌‍​‍‌‌​​‍‌​‌‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍​‌‍‌‍‍‌​‌‍‌‌‌​‍‌‌‍‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‍‌‍‌​‍‌‍‌​‍‌‍‌‍‍‌‌‍‌​​‌​​‍​‌​​​‌‍‌‍​‌​‌‍​​‍​‍​​‍‌‌‍​‌‍​‌‍‌​‌‍​‍​‍‌​‌​​‍​​‌‍​​​​‍‌​‍​​​‌​‌‍‌‍​‌​‍‌‌‍​‍​​‍​​‌‍​‌‌‍​‌​​‍​‍‌​‌​​‌‍‌​‌‍‌‍​‌‌​‍‌‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌‍‌​‌‍‌‍​‌‌‌‌‍‌‌‍‌‌‌‍‍‌‌​​‍‍‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‌‍‍‌​‌‍‌​​​​‌‌‌‍​‌‍​‌‌‌‌‍‌‌‌‍‌​‌​​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​​​‌‍​‌​‌​​‌‍​‍​‌‍​‌‌‍​​​‌‍‌‍‌‍‌‍​​‍​‌​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​‌‌​‍​​‌‌​‍​​​​‍‌​​‌​​​​​‍‌‌‍​‌‌‍​‍​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‍​‌‍‍‌‌‍​‌‍‌​‌​‍‌‍‌‌‌‍‍​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‍​‍​‌‍‌‌‌‍​‍​​‍​‌‌​‌​​​​‌‍‌‌​‌‍​‌‌‍​‍​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‌​‌‍‌‌‌‍​‌‌​​‍‌‍‌‌‌‍‌​‍‌‍‍‌​‌​​‌‍​‌‌‍​‌‍‌‌​‌‌‍‌‌‍​‌‌‍‍‌‌‍‍​‍​‍‌‌

INNER BLOCK

The Media: Columns (2 or 3) inner content block allows you to place two landscape videos or three portrait videos, side-by-side. You can upload videos natively to Sanity or reference YouTube or Vimeo. You can include a plain text caption, if desired.

Watch Video

Landscape (2)

Caption — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquam nisl ut leo lacinia, quis placerat leo aliquam. Mauris nec varius sapien. Donec a ante est.

Caption — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquam nisl ut leo lacinia, quis placerat leo aliquam. Mauris nec varius sapien. Donec a ante est.

Caption — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquam nisl ut leo lacinia, quis placerat leo aliquam. Mauris nec varius sapien. Donec a ante est.

Caption — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquam nisl ut leo lacinia, quis placerat leo aliquam. Mauris nec varius sapien. Donec a ante est.

Portrait (3)

Caption — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquam nisl ut leo lacinia, quis placerat leo aliquam. Mauris nec varius sapien. Donec a ante est.

Caption — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquam nisl ut leo lacinia, quis placerat leo aliquam. Mauris nec varius sapien. Donec a ante est.

Caption — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquam nisl ut leo lacinia, quis placerat leo aliquam. Mauris nec varius sapien. Donec a ante est.

const suppressList = ['/','/home','/act']; const pathname = window.location.pathname; if (!suppressList.includes(pathname)) { document.querySelector('body').insertAdjacentHTML('beforeend','
'); }