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.
Here’s a video of the process.
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.
Here’s the video of the process.
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.
Embedding a video from Odysee
You can embed a video from the Odysee video platform by embedding the iFrame code. Follow these steps:
- On Odysee, open the video you want to embed on your website page.
- Click the Share button on the video page, and then click the </> Embed icon in the pop-up window.
- In the expanded window, click the Copy button to 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 Odysee.
- Click Submit to save.
Remember to publish your website to make the changes live.
We hope this guide has helped. If you’ve any questions left, please contact our Support Team.
Ready to use your new knowledge? – Edit your site!