Do you want to add a video background to a section in WordPress? Adding a video background gives your page an immersive, cinematic look that static images cannot match.
With the Container block in Nexter Blocks, you can add a video background to any section in the WordPress block editor — using a YouTube, Vimeo, or self-hosted video.
Best Used For:
- Hero sections on landing pages where a looping video background conveys brand atmosphere
- Service or product sections that benefit from a motion background to hold visitor attention
- Portfolio or agency site headers where visual impact matters more than static imagery
To check the complete feature overview documentation of the Nexter Blocks Container block, click here.
Requirement – This block is a part of Nexter Blocks. Make sure it is installed and activated.
Add the Container block with the appropriate layout to the page and follow the steps:
1. Go to Style > Background Deep Layer.
2. Select Creative Video from the Select Background Option dropdown.
3. From the Video Source dropdown, select the video source. You will find three options:
- YouTube – To use a YouTube video as the background.
- Vimeo – To use a Vimeo video as the background.
- Self-Hosted – To use a video file uploaded to your WordPress media library.
Select the source that matches your video. The steps below use YouTube as an example.
4. In the YouTube Video ID field, enter the YouTube video ID for the video you want to use as the background.
In the Iframe Title field, enter a descriptive title for the iFrame. This title is used by screen readers and improves accessibility.
Enable the Loop toggle to play the video on a continuous loop. Use this when the video background should repeat seamlessly without interruption.
Enable the Mute toggle to silence the video audio. Most browsers require video to be muted before it can autoplay, so keep this on for background videos.
In the Fallback Image field, upload an image to display when the video cannot load, such as on mobile devices where video autoplay is restricted.
Enable the Parallax Background Video toggle to add a parallax scrolling effect to the video background. Use this when you want the video to shift at a different speed than the page content as the visitor scrolls.
You will now see the video playing in the background of the container. To add a scroll-triggered entrance animation to the container section, see How to Add On-Scroll Animation in WordPress.
