How do I add a video to my Website Builder site?

If you want to increase your visitors' engagement with your content, adding a video to your site is one of the best ways to do it. The one.com Website Builder offers several options for adding videos. In this guide, we'll show you how to upload a video directly to your website using the video component.

Note: This feature is only available in the Website Builder tiers Starter, Premium and Business + Ecommerce. If you're using Website Builder Basic, you will need to upgrade.

• Step 1 - Select the video component
• Step 2 - Add your video
• Step 3 - Change your video settings

Step 1 - Select the video component

1. Go to your Website Builder via the one.com Control Panel. In the dashboard, click the blue button that says Edit site to enter the Website Builder editor.
2. Go to the page or section where you want to place the video.
3. Go to the menu on the left and click Video.
4. Click on Video (self-hosted) to add the component to your workspace. You can also click on it and drag it to where you want it.

Step 2 - Add your video

1. If you've already uploaded the video to the onewebmedia folder on your webspace, you should be able to see it in the pop-up window. If you haven't uploaded it, click on the Upload button in the top-right corner and select your video from its current location (for example, your computer). You can also select the file and drag it to the window.
2. Select your video - make sure it has a blue frame around it.
3. Click Add to page.

Note: Videos of max 2 GB can be uploaded at a time. The following file formats are supported: .flv, 3g2, .3gp, .avi, .asf, .divx, .m2ts, .mts, .m4v, .mkv, .mov, .mp4, .mpg, .wmv.

Step 3 - Change your video settings

You can adjust the component size by pulling the corners and the sides via the orange handles. You can also edit the following settings:

• Mute: The video will play without sound if you've marked the box for this.
• Loop: If this is activated, the video will play again from the beginning once the visitor has watched it to the end.
• Autoplay: Mark the box for this to have the video start playing automatically. Please note that the video will automatically be muted if you select this option.
• Auto-resize: This will automatically adjust the video to fill out the entire component frame.
• Hide controls: If this is activated, the controls (play button, sound control, full screen, etc.) at the bottom of the video will be hidden from the visitor. 

You can edit these settings like this:

1. Select the video you just added and click on the Video settings tab at the top of it.
2. Tick the boxes next to the different options to activate (a checkmark will show in the box) or deactivate them (the box is empty).
3. Save your changes and publish your updated website so they show on your live website.

In the screenshot below, Mute, Loop and Auto-resize are activated, while Autoplay and Hide controls are deactivated.

Tip: You can see the video play in the preview mode. Here, you can also see the complete set of viewing options available in the controls.

Related articles:

• Add a YouTube video to your website
• Add a Vimeo video to your website