Video Embed

Embedding allows you to take a video from a video playing platform such as Youtube, Vimeo, or Wistia and post it on your page. For example, you can embed a video on your blog, and then people can watch the video there without leaving your page. Learn to embed a video onto your page from Video Hosting platforms such as Youtube or Vimeo.

In this article:


Add and Remove a Video Embed block

To add a Video Embed block:

  • Click the section you want to edit or create a new one.
  • In the sidebar, select Add Content.
  • From the list, select Video Embed.
  • Your newly created Video Embed block will generate at the bottom of the section.
  • Click Save to keep your changes:

videoembedadd

To remove a Video Embed block:

  • In your Page, hover over the existing Video Embed and click Edit.
  • In the sidebar, scroll to the bottom and click Delete This Block.
  • Click Save to keep your changes:

Customize your Video Embed block:

In a Video Embed block, you can configure the width of the block and embed the code for the Video.

Width

  • In your Page, hover over the existing Video Embed you want to edit and click Edit.
  • Navigate to the sidebar and select the number of columns to adjust the width of the Video Embed block:

videoembedwidth

Embed Code

  • Copy the Embed Code for the Video you want to Embed onto your Page:

youtubeembed

  • Click the section you want to edit or create a new one.
  • In the sidebar, select Add Content.
  • From the list, select Video Embed.
  • Your newly created Video Embed block will generate at the bottom of the section.
  • In the sidebar, paste the Embed Code into the Embed Code field.
  • Click Save to keep your changes:

videoembedvideo


Block Settings

To adjust the look and feel of the Video Embed, configure your Block Settings by customizing the Background, Animations, and Time Reveal.

Configure your Block Settings:

  • Hover over the block you want to customize and click Edit.
  • Configure your Block Settings in the sidebar.
  • Click Save to keep your changes:

Background

Select a background color, adjust the Border radius to create a rounded or squared border, and select the Box Shadow size.

Desktop Layout

Configure the layout of the Block displayed on a Desktop device. Hide the block, adjust the Text Alignment, customize the padding inside and outside the Block, remove the padding altogether, and adjust the placement of the block.

Mobile Layout

Configure the layout of the Block displayed on a Mobile device by choosing to hide or display the block, adjust the Text Alignment, and customize the padding inside and outside the Block.

Animations

Create visual effects by configuring the animations settings for the block. Select the type, direction, delay, and duration of your animation.

Time Reveal

The Time Reveal setting allows you to offset the time before the content in a block is revealed after a visitor enters the page.

Contact support or access our 24/7 Live Chat:

Contact Support Live Chat

Previous Article

Video

Need Help? Chat With Us Now!