How to Add a Video Background in a WordPress Container?

Table of Contents

Do you want to add a video background to a section in WordPress? Adding a video background can add depth, creativity, and a dynamic touch to your website.

With the Container block from the Nexter Blocks, you can easily add a video background to a section in WordPress.

To check the complete feature overview documentation of the Nexter Blocks Container block, click here.

Requirement  – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.

Add the Container block with the appropriate layout to the page and follow the steps –

1. Go to Style > Background Deep Layer.

container bg deep layer create video

2. Select Creative Video from the Select Background Option dropdown.

3. From the Video Source dropdown, you have to select the video source. Here you’ll find three options – 

  • YouTube – To add a YouTube video.
  • Vimeo – To add a Vimeo video.
  • Self-Hosted – To add a self-hosted video.

Select the option as per your requirements, let’s select YouTube here.

4. In the YouTube Video ID field, you have to add the YouTube video ID that you want to add in the background.

In the Iframe Title field, you can add a title for the iFrame.

By enabling the Loop toggle, you can play the video in a loop.

You can mute the video from the Mute toggle.

In the Fallback Image field, you can add a fallback image for the video.

You can add a parallax video background effect by enabling the Parallax Background Video toggle.

Now you’ll see a video playing in the background of the container.

container background deep layer creative video demo

Still in Doubt? Let’s Assist You

Need Help? Ask AI Bot

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Docs