How to Use the Video Block in the PhotoBiz Website Builder
The Video Block is a great way to add visual interest and connect with your visitors. You can embed videos from YouTube or Vimeo, or upload videos directly to your PhotoBiz account.
Ways to Add a Video
- Upload a video from your device to PhotoBiz
- Embed a video using a code from YouTube, Vimeo, or another platform
🔗 Need help uploading your videos?
💡 Pro Tip
Using the Website Package? You can upload videos up to 4MB.
Need to upload larger files (up to 50MB)? Add the Original Files upgrade in your account.
Learn More: How to Add Original Files to PhotoBiz
STEP ONE
Log In and Open the Website Builder
-
Log into your PhotoBiz account.
-
Click on WEBSITE from the left-hand menu.
STEP TWO
Choose a Page
-
Click on the page where you’d like to add the video—or create a new one.
-
Add the Video Block using one of these options:
- Quick Add: Click the Video icon on the right. The block appears at the bottom of your page.
- Drag & Drop: Click and hold the Video icon, drag it to your desired spot (watch for the teal line), and release.
STEP THREE
Pick a Block Style
You’ll see two options:
- Blank Block: Start from scratch using your global styles.
- Pre-designed Block: Choose from stylish, ready-made layouts.
Click Select under your preferred style to add it to your page.
STEP FOUR
Add Your Video
Once your block is added, you’ll be in the Edit Video section.
If you selected a pre-designed block, it may come with a sample video. You can:
- Keep the sample video
- Swap it out with your own by choosing a new Video Type from the drop-down menu
STEP FIVE
Choosing Your Own Video Source
The right-side menu will let you pick your video type:
Option 1: Embed Code
Use a code from YouTube, Vimeo, or another platform.
- Paste the embed code into the Embed Code field
- Add a title and description
- Upload a Mobile Cover Image (optional but required for banner and fullscreen layouts)
-
Add a button with an optional link:
-
None
-
External link
-
Page on your website
-
Form
-
Marketing campaign or landing page
-
File (PDF, JPG, PNG, GIF)
-
Phone, email, address, or even another video
-
Option 2: My Videos
Use a video uploaded to your PhotoBiz Video Library.
- Select a video from your account or upload a new one
- Add a title, description, and optional button and link
Note: If you don't upload a mobile cover image, a basic play button will show on mobile. If you'd rather show a still from your video, don’t upload a cover image.
Learn More: Upload New Videos to your PhotoBiz account.
STEP FIVE
Choose a Layout
There are 4 layout options for your video:
| Layout | Description |
|---|---|
| Standard | No cropping, basic player with a play button |
| Banner | Crops video to fit a fixed-height banner |
| Full Screen | Slight cropping to fill entire screen |
| No Crop Banner | Displays full video without cropping |
📽️ Videos uploaded to PhotoBiz and used in banner, full screen, or no crop banner layouts will auto-loop — great for dynamic backgrounds!
Want a video that doesn't loop? Use the standard layout.
AUTOPLAY YOUR VIDEO
Enabling videos to play automatically when visitors land on your page can pose challenges. Most browsers and devices disable autoplay for video content as a default setting. While there are ways to work around this limitation and achieve autoplay, it's important to note that if your video has audio, it will be muted. Here are the steps you can follow if you're aiming to incorporate autoplay video content on your webpage.
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
Each layout has its own color settings, which will override your global site colors from the DESIGN tab.
Background Options
You can set a custom background for your video block:
-
Upload a custom image or choose from the library
-
Display options: Tile, Top Left, Centered, or Cover
Fonts
Override your site-wide fonts for:
- Title
- Subtitle
- Button Text
Adjust size, spacing, and line height to match your style.
Animations
Choose a hover animation for your button:
- None
- Fill
- Overlay
- Scale
- Arrow
✅ Click SAVE CHANGES at the bottom to publish your updates!
