Skip to content
  • There are no suggestions because the search field is empty.

Adding a video to a page or section

Learn more about how to add a video to a section on your B12 website.

Written by: Madeline B.

Last updated: 20 Sep., 2025

There are a few ways to add a video to your B12 website, including an embed, creating a gallery section, or adding as a background image. Below, we outline the steps for each:

Creating an HTML section

1. On the left sidebar menu, select website Website > pages Pages.

2. Select the page you'd like to add a video to, then select Add Section. 

3. From the list of sections, click Integration > HTML.

4. Copy and paste the video embed code into the B12 code box.

Need help getting an embed code for your video? You can refer to this article.

5. Select Add integration.

6. To preview how your video shows on your website, select Preview in the upper right-hand corner of your editor.

7. To ensure these edits are live, publish your page by clicking Publish in the upper right-hand corner of your editor.

Creating a video gallery section

1. On the left sidebar menu, select website Website > pages Pages.

2. Select the page you'd like to add a video to, then click Add Section. 

3. Select Gallery.

4. Browse through the different section layouts that will appear. Once you've selected the style of your choice, click Continue.

Note: While most sections will display multiple videos, you can opt to upload only one video in the same section style if you'd like to display just one video.

5. Add your video(s) in the left sidebar.

  • In the new section, scroll to Images.
  • Click Add new gallery item.

  • Upload your video(s) or select the video you would like to add from the Library tab, and click Continue once done.

6. Be sure to click Publish in the upper right-hand corner of your editor to ensure your edits are live.

Adding a video as a section background

1. Select the section in which you'd like to change the background image or video. You can do this by selecting either the section itself or the section name on the left sidebar:

2. Scroll down to the field labeled Background media and click Replace.

Note: To remove your current background, click the ⓧ button in the top right corner.

3. Select an existing image or video from your library or upload your own.

  • Use a video that already exists on your website, scroll through your library, click the image you'd like to use, and then click Continue.

​Note: Videos have a small camera icon in the lower right corner.

  • To use a stock image from B12's built-in link to Pexels, click Search, search for an image by keyword, select an image, then click Continue.

  • To generate a new image using AI, click AI Assist, type a short image description, then choose your preferred type and style. Click Generate.