Learn more about how to add a video to a section on your B12 website
|
Written by: Madeline B. Last updated: 25th June 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. Log in to your B12 editor
2. On the left-hand editing panel, select Website > Pages
3. Navigate to the page you'd like to add a video to
4. On the lefthand editing panel, select Add Section
5. Select Add Integration and then select HTML
6. Copy and paste the video embed code into the B12 code box
Need help acquiring an embed code for your video? You can refer to this article.
7. Select Add integration
8. To preview your video, select Preview in the upper right hand corner of your editor
9. 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. In the left-hand editing panel, select Website > Pages
2. Find the page where you want to add your video on the left-hand editing panel, select it—in this example we've chosen the Homepage
3. On the left-hand editing panel, select the Add section button
4. Under Section categories, select Gallery
5. Under the section subcategories, select Video gallery
6. Once you've selected the style of your choice, click Continue—the section will then appear on the page
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.
7. Add your video(s) in the left-hand editing panel
In the new section:
-
Click on the Media field in the editing panel
-
Upload your video(s) or select the video you would like to add
9. Be sure to click Publish in the upper lefthand corner of your editor to ensure your edits are live
Adding a video as a section background
1. Log into the B12 dashboard and navigate to the page you'd like to edit.
2. 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 lefthand editing panel:
3. Replace the background.
In the lefthand editing panel, scroll down to the field labeled Background media and click Replace—just below the small image of your current background.
Note: To remove your current background, click the ⓧ in the top right corner.
4. Select an existing image or video from your library or upload your own.
Use a video that already exists on your website:
To use an image that is already on your site, scroll through your library and click the image that you'd like to use, then click Continue.
Note: Videos have a small camera icon in the lower right corner.
To upload an image or video you own:
Click Upload media, then select the image file from your computer, and click Continue. The maximum file upload size is 75MB. See this article for recommended image and video formats.
To use a stock image from B12's built-in link to Unsplash:
Click Search, search for an image by keyword, select an image, then click Continue.
Need more help? Reach out to hello@b12.io to get in touch with our team!