Embedding a video

Sitebuilder does not allow you to upload videos directly to your website; however, you can embed videos from Facebook, YouTube, Vimeo, and other platforms on your page.

Before you begin

Before embedding a video on your page, you should upload the video to a video hosting platform.

Adding video block to the site

Choose the place on your page where you want to add the video and click the Plus (+) button.
Click Videos in the Block library and choose a suitable Video block layout.
Click the demo video container to activate the menu. Click the iFrame settings icon.
In the iFrame settings, choose the corresponding tab: Embed URL for links and Embed code for the code snippet you previously copied from the video hosting platform. You can also choose the Allow Full Screen option to enable viewing in full-screen format.
Paste the link or the code to the corresponding field and click Submit to save.

Your video has been added to the page. To resize your video container, click the video to activate the size control on the bottom border and drag it to modify the size.

The video will start playing after you publish the site, or you can view it in Preview mode.

Read our Videos block tutorial to learn how to customize this block further.

Embedding a Facebook video

Here is how you embed a video from Facebook on your website page:

Open Facebook in your browser and open the video you want to embed in your site.
Click the Share option below the video, and select </> Embed from the list. Remember that you will only see this option if the video's audience is set to Public.
Click the Copy Code button in the next window. You can also choose to Include full post and Start embed at a certain video timestamp.
Once you copy the code, open your Sitebuilder and add a Video block where you want your video to appear.
Click the demo video to activate its controls, and click the IFrame settings icon.
In the Embed code tab, delete the demo code and paste the code of the video that you copied from Facebook.
Click Submit to save.

Note: If you embed a video and the audience of the video changes to any other option than Public, a message saying the embedded video is no longer available will appear on your website.

Embedding a Youtube video

Here is how you embed a video from YouTube in your website page:

Open YouTube in your browser and open the video you want to embed in your site.
Click the Share option below the video, and then click the Copy button to copy the link. You can also tick the Start at option to make the video begin at a certain timestamp.
Once you copy the link, open your Sitebuilder and add a Video block where you want your video to appear.
Click the demo video to activate its controls, and click the IFrame settings icon.
In the Embed URL tab, delete the demo link and paste the link of the video that you copied from YouTube.
Click Submit to save.

You can also add a YouTube video using the Embed Code option. To do this, click the </> Embed icon of the video, copy the embed code in the new window, and paste it into the Sitebuider’s Embed Code tab.

Embedding a Vimeo video

You can add a video using an embed code from a third-party service. Here’s how you can embed a video using the Vimeo platform.

To get a Vimeo embed code:

Click the Share button below the video you’d like to embed on your site.
Locate the Embed code in the new window.
Click + Show Options on the right side of the Embed section. Select Responsive within the Size option. Customize the rest of the options to your preference.
Go up and copy the code inside the Embed box.
Open your Sitebuilder and add a Video block where you want your video to appear.
Click the demo video to activate its controls, and click the IFrame settings icon.
In the Embed code tab, delete the demo code and paste the code of the video that you copied from Vimeo.
Click Submit to save.

Remember to publish your website to make the changes live.