The Zibster Website Builder includes a Video Block that allows you to showcase videos on your website. You can:
✅ Upload video files directly to your Zibster account for playback in the Video Block.
✅ Embed videos from YouTube, Vimeo, or another hosting platform by pasting the embed code.
Learn More:
PRO TIP!
With the Website Package, video files can be up to 4MB each. Need to upload larger videos (up to 50MB each)? Purchase the Original Files option in the Premium Upgrades section of your Zibster account.
🔗 Learn More: How to Add Original Files to Zibster
STEP ONE
1️⃣ Log into your Zibster account.
2️⃣ Click WEBSITE in the left-side menu.
STEP TWO
1️⃣ Click on the PAGE NAME where you want to add a video.
2️⃣ Click on the VIDEO BLOCK icon in the right-side menu.
STEP THREE
1️⃣ Click inside the Video Block or on the pencil icon (top right) to edit.
2️⃣ The right-side menu will open, allowing you to choose your Video Source.
Choosing Your Video Source
Option 1: Embed a Video (YouTube, Vimeo, etc.)
Paste the embed code from YouTube, Vimeo, or another platform into the Embed Code box.
Additional options:
✔ Title & Description – Add a title and description for your video.
✔ Mobile Cover Image – Upload an image to display before playback on mobile devices. (Required for banner or full-screen video layouts.)
✔ Button & Link – Add a button linking to a page, form, file, phone number, email, address, or external resource.
Option 2: Upload a Video from Your Zibster Account
1️⃣ Select a video from your Video Library or upload a new one.
2️⃣ Use videos you’ve uploaded directly to Zibster for seamless playback.
✨ For videos you upload directly to your Zibster account, Auto-looping is enabled for Full Screen, Banner, and No Crop Banner layouts—great for dynamic headers and backgrounds. Standard layout allows for non-looping playback.
STEP 5: Enable Autoplay For Embedded Video (Optional)
Most browsers disable autoplay for videos with sound. If you want your video to autoplay, follow these steps:
🔹 Vimeo Autoplay
1️⃣ Click Share on your Vimeo video.
2️⃣ In the Embed settings, check Autoplay this video.
3️⃣ Copy the autoplay embed code and paste it into your Video Block.
🔹 YouTube Autoplay
1️⃣ Click Share on your YouTube video and select Embed.
2️⃣ Copy the embed code and modify it to include: ?mute=1&autoplay=1 before the closing quotation mark.
3️⃣ Paste the updated code into your Video Block.
CHOOSE YOUR LAYOUT
Select from four available layouts:
🎥 Standard – No cropping, with a play button overlay.
🎥 Banner – Cropped to fit a banner-style section.
🎥 Full Screen – Expands to fill the entire screen.
🎥 No Crop Banner – Displays in a banner without cropping.
✨ For videos you upload directly to your Zibster account, Auto-looping is enabled for Full Screen, Banner, and No Crop Banner layouts—great for dynamic headers and backgrounds. Standard layout allows for non-looping playback.
Customize Your Video Block
STYLING OPTIONS
🎨 Overlay Opacity – Adjust the background transparency behind text.
🎨 Title, Description & Button Alignment – Align text left, right, or center.
🎨 Space Adjustments – Control the spacing above, below, and inside the block.
COLORS
🎨 Set custom colors for video overlays, backgrounds, and text.
BACKGROUND
🖼 Upload a background image and choose display settings: Tile, Top Left, Centered, or Cover.
FONTS
🖋 Override global font settings for: Title, Subtitle, and Button Text.
ANIMATIONS
✨ Add hover animations for buttons (Fill, Overlay, Scale, Arrow, or None).
✅ Click SAVE CHANGES to apply updates and publish your video.
