Video

Adding video to your page is an entertaining and impactful way to engage with your audience, quickly informing your visitors while giving your site a discernible personality. Learn to add a Video block to a page.

In this article:


To add a Video block:

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

addvideoblock


Customize your Video block:

In a Video block, you can configure the width of the block, select the Video, upload the Video Thumbnail, and customize the Player accent color.

Width

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

Select the Video

  • In your Page, hover over the existing Video you want to edit and click Edit.
  • Navigate to the sidebar and click Video Actions.
  • There, select Upload a New File or Select a Recent File to upload your Video.
  • Click Save to keep your changes:

addvideo

Select the Video Thumbnail

Note:
You will need to add a thumbnail image to your Landing Page video or our default image will remain as the thumbnail for the video.
  • In your Page, hover over the existing Video you want to edit and click Edit.
  • Navigate to the sidebar and click Select Image.
  • There, select Upload a New File or Select a Recent File to upload your Video Thumbnail.
  • Click Save to keep your changes:

addvideoimage


Block Settings

To adjust the look and feel of the Video, configure your Block Settings by customizing the Player Settings, Background, Desktop and Mobile Layout, 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:

videoblocksettings

Player Settings

Customize the Video Player Controls.

  • Check or uncheck Show Controls On Load to display player controls when autoplay is disabled.
  • Check or uncheck Autoplay to autoplay a muted video when the page loads.
  • Check the Play Button setting to display a play button when autoplay is disabled or the volume badge when autoplay is enabled.
  • Check Allow Full Screen to allow your viewers to watch the video in fullscreen.
  • Check Show Small Play Button to display a small play button in the bottom left corner of the video.
  • Check Show Playbar to display a playbar that displays a visual timeline of the video.
  • Check Video Settings to display video settings like quality control and playback rate.

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

Text

Next Article

Video Embed

Need Help? Chat With Us Now!