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 directly to a page on your website. You can embed a video hosted by Livid, YouTube, Vimeo, or another video platform, or select a video already stored in your PhotoBiz Video Library.

Video Blocks include layouts for standard video players, banners, full-screen videos, side-by-side content, and overlay designs. This guide walks you through how to add a Video Block, choose your video source and layout, customize the block, and troubleshoot common video display and playback issues.

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:

Embed code from Livid, YouTube, Vimeo, or another video platform
A video already uploaded to your PhotoBiz Video Library

The Website Package allows files up to 4MB to be uploaded to your account. Files larger than 4MB require the Original Files upgrade, which allows files up to 50MB.

If you need to add a video to your PhotoBiz account first, see How to Upload a Video to PhotoBiz.

STEP ONE

STEP TWO

Open the page where you want to add your video. In the block menu on the right side of the Website Builder, click VIDEO to add a Video Block to the bottom of the page.

You can also drag the VIDEO block to the exact location where you want it to appear. When you drag the block onto the page, watch for the placement indicator, then release your mouse.

STEP THREE

The SELECT VIDEO BLOCK panel opens on the right side of the Website Builder.

Select BLANK if you want to start with a basic Video Block and customize it yourself. You can also select one of the predesigned options, VIDEO 1 through VIDEO 11, to start with an existing design.

Scroll through the available designs to preview your options. When you find the design you want to use, click SELECT to add it to your page.

Predesigned Video Blocks will include sample content that you can replace with your own video, text, and other settings.

STEP FOUR

After you add the Video Block, the EDIT VIDEO panel opens. By default, VIDEO TYPE is set to EMBED CODE.

Use the VIDEO TYPE drop-down menu to choose how you want to add your video. Select EMBED CODE to use a video hosted by Livid, YouTube, Vimeo, or another video platform. Select MY VIDEOS to use a video already stored in your PhotoBiz Video Library.

STEP FIVE

If you select EMBED CODE, paste the code provided by your video platform into the EMBED CODE field.

If you select MY VIDEOS, use the CHOOSE A VIDEO drop-down menu to select a video already stored in your PhotoBiz Video Library. If the video has not been uploaded to your account yet, upload it to your Video Library first.

Both video types include options for adding a TITLE, DESCRIPTION, MOBILE COVER IMAGE, BUTTON TEXT, and LINK TO destination.

Leave BUTTON TEXT blank if you do not want to display a button in the Video Block.

After entering your video information, click SAVE CHANGES.

See How To Upload Videos to PhotoBiz for complete instructions.

Embedded Video

Video Library

STEP SIX

Click LAYOUT in the Video Block editing panel to choose how your video will appear on the page.

The CURRENT LAYOUT section shows which layout is currently applied to your Video Block. Scroll through the available layouts to preview your options.

When you find the layout you want to use, click SAVE below that layout to apply it to the block.

See How To Change Video Block Layout for complete instructions.

FINAL STEP

Review your Video Block and make any additional changes you want using the STYLING, COLORS, BACKGROUND, FONTS, or ANIMATION tabs.

Your saved changes are automatically applied to your website. There is no separate publish button.

Click VIEW SITE at the top of the Website Builder to review the finished Video Block and confirm that it displays and plays the way you expect.

Choosing Between Embed Code and My Videos

he Video Block supports two video sources.

Embed Code

Use EMBED CODE when your video is hosted by Livid, YouTube, Vimeo, or another video platform. Embed Code is the default Video Type when you add a new Video Block.

Copy the embed code provided by your video platform and paste it into the EMBED CODE field.

Playback behavior for embedded videos can be affected by the video platform, web browser, and visitor's device.

My Videos

Use MY VIDEOS when you want to display a video stored in your PhotoBiz Video Library.

Select the video from the CHOOSE A VIDEO drop-down menu. Videos must already be uploaded to your PhotoBiz account before they appear in this menu.

Using a PhotoBiz-hosted video is also the best option when you want to use supported Video Block layouts with PhotoBiz autoplay and looping behavior.

Video Block Layout Options

Click LAYOUT in the Video Block editing panel to change how the video and accompanying content appear on your page.

The CURRENT LAYOUT section shows the layout currently applied to the block.

Available Video Block layouts include:

Full Screen – Displays the video across the full browser width and height. Some cropping may occur so the video fills the available space.
Banner – Displays the video as a fixed-height banner across the page.
Standard – Displays the video with a traditional video player and play button without cropping.
No Crop Banner – Creates a banner-style display while keeping the full video visible.
Video Left – Places the video on the left with content on the right.
Video Right – Places the video on the right with content on the left.
Video Large Left – Displays a larger video on the left with smaller content on the right.
Video Large Right – Displays a larger video on the right with smaller content on the left.
Text Overlay Center Left – Displays text over the video toward the left side.
Text Overlay Center Right – Displays text over the video toward the right side.
Video Overlay Left – Displays overlay content over the left side of the video.
Video Overlay Right – Displays overlay content over the right side of the video.
Overlay Split Left – Creates a split design with overlay content positioned toward the left.
Overlay Split Right – Creates a split design with overlay content positioned toward the right.
Overlay Box Left – Displays a boxed overlay on the left side of the video.
Overlay Box Right – Displays a boxed overlay on the right side of the video.

Autoplay and Looping

Videos uploaded directly to PhotoBiz can automatically play and loop when you use a supported Video Block layout.

Autoplay and looping are supported for PhotoBiz-hosted videos with 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, website headers, and short visual clips designed to play automatically.

The Standard layout does not autoplay or loop. Use the Standard layout for videos containing speaking, music, instructions, or other content visitors should choose to play.

Vimeo and YouTube Autoplay

If you use Vimeo, YouTube, or another video platform, autoplay settings are controlled through that platform and its embed code rather than PhotoBiz.

Configure your preferred playback settings with your video provider, then copy the updated embed code and paste it into the EMBED CODE field in your Video Block.

Web browsers and mobile devices may restrict autoplay. Autoplaying videos may also need to begin muted. Because these restrictions are controlled outside PhotoBiz, an embedded video may not autoplay on every browser or device.

For the most consistent autoplay and looping behavior within supported layouts, use a video uploaded directly to your PhotoBiz Video Library.

Mobile Cover Image

Both EMBED CODE and MY VIDEOS include a MOBILE COVER IMAGE option.

A mobile cover image gives you more control over the still image visitors see when a video is not automatically playing on a mobile device. Without a mobile cover image, the device may display a basic video preview or play button.

Choose an image that represents the video clearly and works well with the selected Video Block layout.

How To Adjust Mobile Cover Image Focal Point For Video Block

Video Block Styling Options

Click STYLING in the Video Block editing panel to customize the appearance and spacing of your Video Block.

The styling options available will vary based on the layout currently applied to the block. Depending on your selected layout, you may see options such as:

Overlay Opacity – Adjusts the transparency of the overlay displayed over the video.
Has Scroll Arrow – Turns the scroll arrow on or off for supported layouts.
Title Alignment – Controls the alignment of the title.
Description Alignment – Controls the alignment of the description.
Button Alignment – Controls the alignment of the button.
Space Below Blocks – Adjusts the amount of spacing below the Video Block.
Space Inside Blocks – Adjusts the amount of spacing inside the Video Block.

Spacing options may include None, Ultra Thin, Thin, Medium, and Thick.

A CUSTOMIZED label may appear next to settings that have been changed from their default values. You can click on the X in customized to reset the setting to the global setting.

After making your changes, click SAVE CHANGES.

Note: If you change the Video Block layout, the available styling controls may also change.

Colors

Click COLORS in the Video Block editing panel to customize the colors used within the block.

Depending on the selected layout and content, available color options may include:

Title Color
Text Color
Button Text Color
Button Border Color
Button Contrast Color
Background Color
Overlay Color

You can select a color using the color picker or enter a hex color value directly.

Video Block colors normally follow your website’s global color scheme. If you change an individual color within the Video Block, a CUSTOMIZED label appears next to that setting to show that it has been changed from the global color scheme.

Click SAVE CHANGES after updating your colors.

Note: Available color settings may vary based on the Video Block layout and content you are using.

Video Block Background Options

Click BACKGROUND to add, change, or remove a background image for the Video Block.

Under BACKGROUND IMAGE, choose:

NO BACKGROUND: Removes the background image.
CUSTOM BACKGROUND: Lets you upload your own JPG or PNG image.
BACKGROUND LIBRARY: Lets you choose a built-in PhotoBiz background.

Custom Background

If you choose CUSTOM BACKGROUND, click ADD FILES or drag and drop an image into the upload area.

The Website Builder recommends a maximum background image size of 3000 pixels wide by 1730 pixels high.

Background Library

If you choose BACKGROUND LIBRARY, use the CATEGORY menu to browse available designs.

Current categories include:

GEOMETRIC
PATTERN
ORGANIC
MINIMAL
TRANSPARENT
LIFESTYLE
DARK

Choose a category, then select the background you want to use.

Background Settings

After selecting a background, choose how the image displays:

TILE: Repeats the image to fill the background.
TOP LEFT: Aligns the image to the top-left corner.
CENTERED: Centers the image in the available space.
COVER: Scales the image to completely cover the background area.

Click SAVE CHANGES when you are finished.

When using a background image, make sure your Video Block title, description, and button remain easy to read. If the image reduces contrast, adjust your block colors or choose a simpler background.

Fonts

Click FONTS in the Video Block editing panel to customize the fonts used for text within the block.

Depending on the content included in your Video Block, you can customize:

Title
Description
Button Text

Each text area displays the font currently applied along with its Size, Letter Spacing, and Line Height settings.

Select the text area you want to customize, then choose your preferred font and adjust the available typography settings.

Note: Font settings only affect text elements that are being used in your Video Block.

See How To Change Fonts in Video Blocks for complete instructions.

Animations

Click ANIMATION in the Video Block editing panel to customize the hover effect used for the block's button.

Available BUTTON HOVER ANIMATION options include:

None
Fill
Overlay
Scale
Arrows

Select the animation you want to use, then click SAVE CHANGES.

Note: Button hover animations only affect Video Blocks that include a button.

Video Block Menu Options

Click the pencil icon on the Video Block to open the block menu. This menu gives you additional options for managing the block.

Available options include:

COPY – Creates a copy of the Video Block directly below the original. The original block remains unchanged. The copied block does not retain the original block name or anchor link. If the original block is part of a DuoBuild section, the copied block appears below the DuoBuild pair as a single full-width block. See How To Make a Copy of a Block in Your PhotoBiz Website.
MOVE – Moves the Video Block to another page or to the top or bottom of the current page. See How to Use the Move Function With Blocks in Your PhotoBiz Website.
RENAME – Gives the Video Block a custom name. Renamed blocks can also be selected when creating anchor links to specific sections of your website. See How to Rename Blocks and Add Anchor Links.
CHANGE LAYOUT – Opens the Video Block layout options so you can select a different layout.
ADVANCED – Opens the Video Block editing panel on the right side of the Website Builder, where you can manage the video and access the layout, styling, colors, background, fonts, and animation settings.
DELETE – Removes the Video Block from the page.

Deleting a Video Block

To delete a Video Block, click the pencil icon, then click DELETE.

PhotoBiz will ask you to confirm that you want to delete the block. Confirm the deletion to remove it from the page.

Important: A deleted block cannot be recovered. Make sure you no longer need the block or its content before deleting it.

Video Block Supports Duo Build

The Video Block supports DuoBuild, a built-in Website Builder feature that allows two supported blocks to appear next to each other in a two-column layout.

To use DuoBuild, drag one supported block horizontally over another supported block. When you see the green highlight indicator, release your mouse. The two blocks automatically 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 and adjust the positioning until you see the green highlight indicator.

Helpful Video Tips

Keep these recommendations in mind when adding video to your website:

Use shorter, web-optimized videos for banners, backgrounds, and autoplay sections whenever possible.
Use the Standard layout when audio is important or visitors should intentionally start the video.
Add a Mobile Cover Image to control the still image visitors may see on mobile devices.
Preview your Video Block on both desktop and mobile after making changes.
Avoid placing essential information only inside a video.
Add captions to videos containing important spoken content when your video or hosting platform supports them.

Troubleshooting and FAQs

Why can't I upload my video?

Check the size of the video file. The Website Package allows files up to 4MB. The Original Files upgrade allows files up to 50MB.

If your video exceeds the upload limit for your account, reduce the file size, add the Original Files upgrade, or host the video through another video platform and use EMBED CODE.

Why don't I see my video under My Videos?

Videos must be uploaded to your PhotoBiz Video Library before they appear in the CHOOSE A VIDEO drop-down menu.

If the video you want to use is not listed, upload it to your PhotoBiz account first, then return to the Video Block and select it from MY VIDEOS.

What controls the thumbnail for a video uploaded to PhotoBiz?

The thumbnail for a video uploaded to your PhotoBiz account is based on the first frame of the video.

Why is my embedded video not autoplaying?

Embedded video autoplay can be affected by the video platform, browser, and visitor's device. Many browsers also restrict videos with audio from automatically playing.

For the most consistent autoplay and looping behavior, upload the video directly to your PhotoBiz Video Library and use a supported autoplay layout.

Why is my autoplay video silent?

Web browsers may restrict videos with audio from automatically playing. An autoplaying video may therefore begin muted even when the video contains audio.

Use the Standard layout when audio is an important part of the video and visitors should choose when playback begins.

Why is my video cropped?

Layouts such as Full Screen and Banner may crop part of the video so it completely fills the available space.

If you want the entire video to remain visible, try the No Crop Banner or Standard layout.

Why is my video not looping?

Looping is supported for PhotoBiz-hosted videos with specific Video Block layouts. The Standard layout does not loop.

If you are using an embedded video, looping may depend on settings provided by the third-party video platform.

Why does my video show a play button on mobile?

Mobile browsers and devices can restrict automatic video playback.

Add a MOBILE COVER IMAGE to control the still image visitors may see when the video is not automatically playing.

Why don't I see the same styling options shown in this guide?

Available styling controls vary based on the Video Block layout you are using.

If you change the layout, the options available under STYLING, COLORS, or other customization tabs may also change.

Custom Website Design

If you would prefer professional help creating a new PhotoBiz website, learn more about our Custom Website Design service.

Our design team can create a professional PhotoBiz website built around your photography, brand, content, and business goals.

Need Help?

Support Hours: Monday to Friday, 9am to 6pm EST

Phone: 866.463.7620

Support Channels: Phone, Live Chat, Support Ticket

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

July 24, 2026

How To Adjust Focal Point on Mobile Cover Image on Video Block

June 4, 2026

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

June 27, 2024

How To Use Video Blocks