Home Hero

Looping Video Background

Block Level iFrame Videos

Example of an iFrame video embed used in a block.

Video iFrames

To add a video iFrame from YouTube or other services, simply add the Video component in the portable text area of the block.

  • Give the video a title
  • Select the service the video comes from
  • Enter the ID of the video. This is typically found in the video URL

The video will automatically fill the available space and will maintain it's aspect ratio regardless of the block width or height.

Because the iFrame is placed within the context of a the portable text within a block or section, you can apply any of the normal alignment attributes.

Section Level iFrame Videos

iFrame video embeds used at the Section level.
David Soomekh