Video Background Block Pro

Video Background Block Pro includes video backgrounds to Gutenberg sections for hero areas, banners, landing pages, promotional content, portfolios, agency and business sites, product presentations, and personal blogs. Configure sections in the editor without writing code. Universal shortcodes also let you show video backgrounds with Gutenberg and other popular page builders.

Choose media for each screen size

Use self-hosted MP4, WebM, or OGG videos stored on your website, or choose a YouTube or Vimeo video for background playback. Set various video sources for desktop, tablet, and mobile, with a separate poster image for each screen size.

Choose whether to show the poster image, apply a blur effect, and use an automatic or custom dominant color. A fallback image can appear when a video cannot be loaded.

Adjust the section's appearance

Set overlay colors or gradients, opacity, and blend modes. Add dot, grid, or diagonal patterns with adjustable opacity, animated overlay effects, a noise texture, or a cinematic vignette.

Set responsive minimum heights and padding for desktop, tablet, and mobile. Choose Cover, Contain, or Fill to control how the video fits the section.

Set playback and display conditions

Segment Loop plays a selected portion of a video using start and end times. Playback Speed Control adjusts video speed, and Audio Support lets you add background music to videos.

Display Conditions control where the video background appears on your site. Responsive sources, poster options, and fit settings let you configure the presentation for different contexts.

Add a video background

1. Install and activate Video Background Block Pro in WordPress.
2. Open a page or post in the Gutenberg editor and add the Video Background block.
3. Choose a video source.
4. Use the right sidebar settings to configure responsive media, poster pictures, overlays, dimensions, playback, and display conditions.
5. Publish or update the page when the section is ready.