How to Add a Video Block in PhotoBiz Website Builder

How To Add Video Blocks

This video tutorial will guide you through adding video blocks to your PhotoBiz website builder.

How to Use the Video Block in the PhotoBiz Website Builder

Overview

The Video Block in the PhotoBiz Website Builder lets you add video content to your website. You can upload a video to your PhotoBiz Video Library or embed a video from YouTube, Vimeo, or another video platform. This article explains how to add a Video Block, choose a video source, select a layout, and adjust important display settings. With multiple layout styles, autoplay and looping options, you can create dynamic video backgrounds, banner clips, or traditional players that fit your brand and website design. After you finish, your video will appear on the selected website page.

Prerequisites

Before you begin, make sure you can log in to your PhotoBiz account and access the Website Builder.

You will also need one of the following:

A video uploaded to your PhotoBiz Video Library
A video file you want to upload
An embed code from YouTube, Vimeo, or another video platform

The Website Package allows video uploads up to 4MB. Files larger than 4MB require the Original Files upgrade, which allows files up to 50MB to be uploaded to the account. If you need help with video file size, we have a video upload guide here.

STEP ONE

STEP TWO

Choose the page where you want to add the video. You can also create a new page if you do not want to add the video to an existing page.

After you open the page, add the Video Block. You can click the Video icon on the right to add the block to the bottom of the page, or you can drag the Video icon to the exact location where you want the block to appear. When you drag the block, watch for the teal placement line, then release your mouse.

STEP THREE

Choose the Video Block style you want to use. Select Blank Block if you want to start with a basic block that uses your global website styles. Select a pre-designed block if you want to start with a ready-made layout.

Click Select under the style you want to add to your page.

STEP FOUR

After the block is added, you will open the Edit Video section. If you selected a pre-designed block, it may include a sample video.

You can keep the sample video or replace it with your own video. To replace it, choose a new Video Type from the drop-down menu.

STEP FIVE

Choose your video source. Select Embed Code if your video is hosted on YouTube, Vimeo, or another platform. Paste the embed code into the Embed Code field, then add a title and description if needed.

Select My Videos if you want to use a video from your PhotoBiz Video Library. You can choose an existing video from your account or upload a new video. You can also add a title, description, button, and optional link.

Learn More: Upload New Videos to your PhotoBiz account.

Embedded Video

Video Library

STEP SIX

Choose the layout for your Video Block. The layout controls how the video appears on the page, including whether it displays as a full-screen video, banner, standard player, side-by-side layout, or overlay design.

For banner and full-screen style layouts, upload a Mobile Cover Image when available. This helps control how the video area appears on mobile devices.

FINAL STEP

Review the Video Block on your page. When the video, layout, title, description, and button settings are correct, click SAVE CHANGES to apply your updates to the website.

Your video should now appear on the selected page using the layout and settings you chose.

Video Source Options

You can add video content to the Video Block in two main ways.

Embed Code

Use this option when your video is hosted on a third-party platform such as YouTube or Vimeo.

With an embedded video, you can add:

Embed code
Title
Description
Mobile cover image
Optional button
Optional button link

Button links can connect visitors to another destination, such as an external website, a page on your website, a form, a marketing campaign, a file, a phone number, an email address, an address, or another video.

My Videos

Use this option when you want to display a video uploaded to your PhotoBiz Video Library.

With a PhotoBiz-hosted video, you can:

Select an existing uploaded video
Upload a new video
Add a title
Add a description
Add an optional button
Add an optional button link

Uploading your video directly to PhotoBiz is the best option when you want supported layouts to autoplay and loop reliably.

Video Block Layout Options

The Video Block includes several layout options. Availability may vary based on the block style you choose.

Full Screen: Displays your video across the entire browser width and height. Slight cropping may occur to fill the full screen.

Banner: Displays your video as a fixed-height banner that stretches across the page.

Standard: Shows the video in its original dimensions with a standard player and play button. No cropping is applied.

No Crop Banner: Displays the full video without cropping while maintaining a banner-style layout.

Video Left: Places the video on the left side with text content on the right.

Video Right: Places the video on the right side with text content on the left.

Video Large Left: Shows a larger video on the left side with smaller text or image content on the right.

Video Large Right: Shows a larger video on the right side with smaller text or image content on the left.

Text Overlay Center Left: Places your video in the background with centered text overlay aligned to the left side.

Text Overlay Center Right: Places your video in the background with centered text overlay aligned to the right side.

Video Overlay Left: Displays the video on the left with an overlay text box or image on top of it.

Video Overlay Right: Displays the video on the right with an overlay text box or image on top of it.

Overlay Split Left: Splits the block visually, with the video and overlay content aligned to the left side.

Overlay Split Right: Splits the block visually, with the video and overlay content aligned to the right side.

Overlay Box Left: Displays the video with a boxed overlay (text or image) positioned on the left.

Overlay Box Right: Displays the video with a boxed overlay (text or image) positioned on the right.

Autoplay and Looping

When you upload a video directly to PhotoBiz, autoplay and looping are automatically supported in these layouts:

Full Screen
Banner
No Crop Banner
Text Overlay Center Left
Text Overlay Center Right
Video Overlay Left
Video Overlay Right
Overlay Split Left
Overlay Split Right
Overlay Box Left
Overlay Box Right

These layouts work well for background videos, header videos, and visual clips that are meant to play automatically.

The Standard layout does not autoplay or loop. Use the Standard layout for videos that include speaking, music, instruction, or content visitors should choose to play.

Embedded YouTube and Vimeo videos may not autoplay depending on browser, device, and platform settings. Most browsers require autoplay videos to start muted.

Vimeo Autoplay

If your video is hosted by Vimeo, click share on the video. Next to the Embed section, click show options.

Under Special Stuff, click Autoplay this video. Check the box for autoplay.

Copy the autoplay embed code and paste it into your Video block.

YouTube Autoplay

If your video is hosted by YouTube, you will need to manually add the autoplay code to your YouTube embed code.

Click share on the video and click embed. Copy the code and paste it into your Video block.

Your code will look like this:

To make your video autoplay, type ?mute=1&autoplay=1 right after the video's URL, before the ending quotation mark.

Your code will now look like this:

Styling Your Video Block

Styling options vary by layout. Here's what you can customize:

Overlay Options (Banner, Full Screen, No Crop Banner)

Overlay Opacity – Controls transparency behind text/buttons
Scroll Down Arrow – Show/hide a scroll cue
Title / Description / Button Alignment – Choose Left, Center, or Right
Space Below Blocks – Adds space before the next content block

Standard Player Layout

Alignment options for title, description, and button
Space Inside Blocks – Adjust spacing inside the block

Colors

Video Block color settings can override your global website colors from the DESIGN tab. Use these settings when you want the Video Block to have custom colors that are different from the rest of your website.

Background Options

You can add a custom background to your Video Block. You can upload a background image or choose one from your image library.

Available background display options may include:

Tile
Top Left
Centered
Cover

Fonts

You can override your site-wide fonts for specific Video Block text elements.

Font options may include:

Title
Subtitle
Button text

You can also adjust settings such as size, spacing, and line height to better match your website design.

Animations

The Video Block may include button hover animation options. These animations control how the button responds when a visitor moves their cursor over it.

Animation options may include:

None
Fill
Overlay
Scale
Arrow

Video Block Supports Duo Build

The Video Block supports DuoBuild. DuoBuild lets you place supported Website Builder blocks side by side in a two-column layout without using custom code.

To use DuoBuild, drag one supported block horizontally over another supported block. When the block highlights in green, release your mouse. The blocks will snap into a side-by-side layout.

The block you drag appears on the left. The block underneath shifts to the right.

If the blocks do not snap into place, confirm that both block types support DuoBuild. Then adjust the positioning slightly until you see the green highlight indicator.

Troubleshooting and FAQs

What controls the thumbnail for my uploaded video?

The thumbnail is set by the first frame of the video uploaded to your PhotoBiz account.

Why is my embedded video not autoplaying?

Embedded videos from YouTube, Vimeo, or another platform may not autoplay because autoplay is controlled by the video platform, browser, and device settings. Most browsers require autoplay videos to be muted.

For the most reliable autoplay and looping behavior, upload the video directly to your PhotoBiz Video Library.

Why is my video cropped?

Some layouts, such as Full Screen and Banner, may crop the video so it fills the available space. If you want the full video to display without cropping, try the No Crop Banner or Standard layout.

Why is my video not looping?

Looping is supported for PhotoBiz-hosted videos in specific layouts. If you are using the Standard layout or an embedded video, looping may not be available or may depend on the embed settings from the video platform.

Why does my mobile video area show a play button?

If you do not upload a mobile cover image, mobile devices may show a basic play button. Upload a mobile cover image when you want more control over the still image visitors see on mobile.

PhotoBiz Live: Ask Me Anything Video

Previous Post Next Post

How Can I Add TikTok To My Website?

September 30, 2024

How to Change the Fonts on Video Blocks

December 12, 2023

How Can I Add Instagram Posts and Reels To My Website?

June 27, 2024

How Can I Add YouTube Shorts To My Website?

October 30, 2024

How To Use Video Blocks