Video Background Block – make any section stand out with motion
Turn plain sections into scroll-stopping hero banners with beautiful video backgrounds – no code, right in the Gutenberg editor.
Video Background | Live Demos | Pricing
Why Video Background Block?
Static sections are easy to scroll past. Video Background Block lets you create beautiful sections with background videos directly in the Gutenberg editor – using self-hosted videos, YouTube, or Vimeo – to build engaging hero sections, banners, landing pages, and promotional content without writing any code.
The plugin is lightweight and easy to use: scripts only load when the block is actually used, and simple sidebar-based settings mean there’s no technical setup. It also provides universal shortcodes, so you can display video backgrounds in other page builders too.
Whether you’re building a business website, portfolio, agency site, product landing page, or personal blog, Video Background Block helps you create eye-catching sections that improve the visual experience.
Free Features
- Universal Shortcodes: Use video backgrounds with Gutenberg and other popular page builders.
- Background Video: Display a video as the background of any section.
- Fallback Image: Show an image when the video cannot be loaded.
- Overlay Color: Add a color overlay to improve text readability.
- Custom Height: Set the section height to fit your design.
- Padding Controls: Adjust the spacing around your content.
Pro Version – Unlock Premium Features
Upgrade to Pro to unlock more customization and advanced video background controls.
- Self-hosted Video Support: Use MP4, WebM, and OGG videos.
- YouTube Background Videos: Display YouTube videos as section backgrounds.
- Vimeo Background Videos: Add Vimeo videos with background playback.
- Responsive Video Sources: Use different videos for desktop, tablet, and mobile.
- Responsive Poster Images: Set separate poster images for different screen sizes.
- Poster Image Options: Show or hide the poster, apply blur effects, or use automatic or custom dominant colors.
- YouTube No-Cookie Mode: Improve user privacy with YouTube’s no-cookie domain.
- Advanced Overlay Controls: Customize overlay colors, gradients, opacity, and blend modes.
- Overlay Patterns: Add dot, grid, or diagonal patterns with adjustable opacity.
- Animated Overlay Effects: Create subtle motion for a more dynamic design.
- Noise Texture Overlay: Add texture for a modern visual style.
- Cinematic Vignette: Highlight your content with a soft vignette effect.
- Responsive Height and Padding: Different minimum heights and spacing per device.
- Video Fit Options: Choose Cover, Contain, or Fill based on your layout.
- Segment Loop: Play only a selected portion of the video with start and end times.
- Playback Speed Control: Adjust the video playback speed to match your design.
How to Use – Quick Start
- Install and activate the Video Background Block plugin.
- Open a page or post in the Gutenberg editor.
- Add the Video Background block.
- Select your video source and customize the settings from the right sidebar.
- Publish or update your page and enjoy your new video background.
Live Demos | Explore Premium Features
Use Cases
- Hero Sections: Give your homepage an instant, cinematic first impression.
- Landing Pages: Add motion to product and campaign pages that convert.
- Agency & Portfolio Sites: Showcase work with dynamic section backgrounds.
- Business Websites: Modernize banners and promotional sections.
- Personal Blogs: Make key sections memorable with subtle video motion.
Have a feature request, found a bug, or just want to say hello? Send us your feedback — we’d love to hear from you.
More From bPlugins
Parent Plugin bBlocks – A full blocks collection and page-building toolkit for Gutenberg.
Other Plugins You Might Like * HTML5 Video Player – Single and playlist video display in multiple skins. * PDF Poster – Display and embed PDF files in various styles. * HTML5 Audio Player – Play audio with rich, animated visuals. * StreamCast – A customizable radio player with multiple skins. * 3D Viewer – Embed interactive 3D models and products. * Advanced Post Block – Display posts and custom post types in flexible layouts.