Build for impact, designed for immersive hero sections
Background Video Block
The Background Video Block is part of FolioBlocks — a premium WordPress plugin that extends the WordPress block editor with cinematic, performance-conscious design tools. Built for immersive hero sections and modern landing pages, it allows you to set a self-hosted or Vimeo video as a fully responsive background and layer any WordPress blocks directly on top.
Table of Contents
Block Demo
Just Add Blocks
With the Background Video Block you can place any block inside to create custom layouts and sections on top of your video
Block Features
Explore the key features that make the Background Video Block useful for immersive hero sections and motion-led page layouts. From layered content to responsive positioning, poster images, custom heights, and mobile controls, it helps video backgrounds feel deliberate rather than decorative.
Immersive Video Sections
Add full-width video backgrounds that bring motion and atmosphere to hero areas or page sections.
Layered Block Content
Place headings, text, buttons, galleries, and other blocks directly on top of the background video.
Self-Hosted and Vimeo Support
Use self-hosted videos or Vimeo embeds for flexible background video workflows.
Custom Video Positioning
Adjust the video position on the X and Y axes to keep the most important part of the footage visible.
Responsive Position Controls
Fine-tune video positioning separately for desktop, tablet, and mobile layouts.
Poster Image Fallback
Set a backup poster image so the section still looks polished while video is loading or unavailable.
Custom Section Heights
Control background video height across screen sizes for compact bands or immersive hero sections.
Mobile and Protection Options
Disable video on mobile and add right-click protection when performance or media control matters.
For a complete breakdown of what is included in each version, visit the Free vs Pro comparison page to see the full FolioBlocks feature list.
Screenshots
See how the Background Video Block is configured directly inside the WordPress editor. These screenshots highlight the settings for video source, positioning, responsive height, poster image, mobile behavior, and media protection.
Guides & Tutorials
Learn how to get the most out of this block with our step-by-step tutorials and video guides. Whether you’re just getting started or exploring advanced features, we’ve got you covered.
Frequently Asked Questions (FAQ)
Use the Background Video Block when you want a video to act as part of the page design rather than as a standard playable video. It works well for hero sections, landing pages, portfolio intros, campaign pages, and atmospheric visual sections.
Usually no. Background videos are typically decorative and should work without audio. If the video itself is the main content, use the Video Block or Video Gallery instead.
Yes. The block is designed so you can place overlay content on top of the video, such as headings, buttons, short text, or calls to action.
Yes. Overlay styling can help improve readability when text sits on top of the video.
Yes, but you should always preview it on smaller screens. Background videos can behave differently across devices, so it is a good idea to keep the video lightweight and make sure your overlay content remains readable.
Get FolioBlocks Pro
Unlock advanced features and get the full potential of this block with FolioBlocks Pro.
Explore More FolioBlocks
Ready to expand your creative toolkit? FolioBlocks includes a range of powerful gallery blocks, each designed to showcase your work in a unique way. Discover the right layout for your projects:
Background Video Block
Immersive responsive video backgrounds that anchor your content with motion. Perfect for hero sections that aim to engage visitors immediately.
Before & After Block
Let viewers interactively compare two images with a responsive slider. Perfect for showcasing retouching, transformations, or visual progress with clarity.
Carousel Gallery Block
Showcase your work in a sleek, horizontally scrolling gallery that draws viewers in one image at a time. Ideal for highlighting standout shots or curated image sequences with impact.
Filmstrip Gallery Block
Showcase images in a focused filmstrip layout with large primary visuals and intuitive navigation. Ideal for portfolios and visual storytelling.
Grid Gallery Block
Create clean, evenly spaced grids that maintain the original aspect ratios of your images. Perfect for portfolios with a strong focus on consistency and structure.
Image Block
Present single images with clean spacing, sharp rendering, and fully controlled styling. Perfect for highlighting key visuals with clarity and impact.
Justified Gallery Block
Create clean, edge-to-edge rows of images that automatically adjust to fit their container, maintaining a balanced, polished layout. Ideal for photographers who want to showcase their work in a professional, cohesive way.
Loupe Block
Give visitors a closer look with a smooth, responsive loupe effect. Ideal for portfolios and product images where highlighting textures, fine details, and craftsmanship is a must.
Masonry Gallery Block
For creative layouts that stack images of various sizes into a stunning, waterfall-like design. Perfect for portfolios with mixed aspect ratios or images that tell a story.
Modular Gallery Block
Mix and match rows of images with full control over spacing and aspect ratios. Build complex, multi-row layouts without compromise, perfect for creative portfolios that break the grid.
Video Block
Showcase videos with a polished, distraction-free presentation that adapts seamlessly to your layout. Ideal for portfolios where motion content needs to feel refined and professionally framed.
Video Gallery Block
Create beautiful, filterable video grids with customizable thumbnails, hover effects, and Lightbox support. Showcase your motion work with style and impact.
What Our Customers Are Saying
FolioBlocks is trusted by photographers, designers, and creative professionals around the world to showcase their work beautifully and effectively. Here’s what a few of our users have to say:
Fantastic
“Setup was quick, and block-based workflow feels natural – drop in a gallery, choose from grid or masonry styles, tweak spacing and captions. Hard to design something that doesn’t look great.”
– Will MacDonald, Developer
Verified Customer
Easy to use with good number of features
“Setup was quick, and block-based workflow feels natural – drop in a gallery, choose from grid or masonry styles, tweak spacing and captions. Hard to design something that doesn’t look great.”
– Donna
Verified Customer
A Wonderful, Full-featured Image/Video Gallery Plugin
“I tested this plugin in beta and was impressed both by how well–and intuitively–it worked “out of the box” and by how responsive its developer was when I had questions. Highly recommend.”
– Josh
Verified Customer
Great plugin and really easy to use.
“Great plugin and really easy to use. The free version is really full featured but the pro version takes it to the next level. Highly recommended.”
– Cyril
Verified Customer
Works great
“Had an opportunity to test this plugin during the beta testing period and it’s really slick. It feels native to WordPress and is incredibly full featured.”
– Johan, Web Developer
Verified Customer
Just what I was looking for!
“The Video gallery block is just want I was looking for to use my website. Straightforward and easy to use.”
– Dave Marshal, Production Designer
Verified Customer
Build Better Galleries With FolioBlocks
Join photographers, designers, and creative professionals using FolioBlocks to create faster, more flexible image and video galleries directly inside the Block Editor.