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

Make your website more eye-catching with a video background! This guide will show you how to add a video as a background to a page section in the one.com Website Builder.

This feature is part of the Website Builder Premium and Business + E-commerce add-ons for classic hosting plans and the dedicated Website Builder plans Business, Pro and E-commerce. You can read more about the different plans in our guide: Which features are included in each Website Builder plan?


Step 1 - Go to the section where you want to add the video

  1. Go to the Website Builder editor via the one.com control panel.
  2. Go to (or add) the section on your site where you want to insert the video background.
  3. Select the section and click the Edit section tab that appears above or below it.

wsb_video_background.png


Step 2 - Add a video

  1. In the floating menu that appears, go to Background.
  2. Click Add video.
  3. Choose the video that you want to use. You can choose from one of the ten free generic videos we offer. These can be found under the Free from one.com tab. You can also upload and use your own video by clicking the Upload button in the top-right corner. If you add your own video, it must be in the MP4 format and must not exceed 2 GB.
  4. Click Add to page once you've selected your video.

Tip: You can adjust the overlay colour and the video opacity to better fit in with the rest of the content on your site.

wsb_video_background2.png


Step 3 - Save and publish

And that's it! Save and publish your site to make the changes visible on your live website.

Note: The video will not start playing when you initially add it, but you can see it in action in the Preview.

wsb_video_v3.gif


Related articles:

Was this article helpful?

Can’t find what you are looking for?

Start a chat

It's the quickest way to get in touch, every day of the year.

Give us a call

Available on weekdays from 10am to 2pm (UTC).