ZeGuten — a collection of blocks for Gutenberg Get for $15.00

Create a full-page video background in WordPress

ABOUT THE AUTHOR

SEO copywriter at Gutenix Team

How to create responsive columns WordPress layouts
Prew post
  • May 05, 2020
  • 3 min read
  • 164

Create a full-page video background in WordPress

Each of the website owners wondering about how to make their pages more attractive and engage. Fortunately, nowadays there are a lot of tools that help users add amazing features and effects to the website and it will take a little time. One of such add-ons is ZeGuten plugin for WordPress.

A lot of website designs include image backgrounds and it is commonplace. But you can rarer observe the video backgrounds and must notice they are more eye-catching, especially if they are related to the website topic. If you are looking for ready-to-use solutions, there are lots of awesome video background themes

In this short tutorial, we will show you how to add full-page video background in WordPress without installing any full-screen video background WordPress theme. The only thing you should have is a pre-installed ZeGuten plugin.

Add full-page video background WordPress block

If you haven’t downloaded ZeGuten plugin yet, you can do it following this link. Once the plugin has been installed to your WordPress, you can start adding a full-page video background WordPress block to your page.

Create the New Page or open the existing one where you want to add the video background in Gutenberg. When the editor will open follow the next steps.

Find the + button and click on it. In the search field enter Section and paste ZeGuten Section block to your working field by clicking on it.

ZeGuten Section block

Once, you have added the block you can notice the block settings in the right sidebar. First, choose the number of columns in General Settings. You are free to set up to six columns. To create full-page video background we need to choose only 1 column.

Then in the Content Width tab pick Full Width value and in the Column Gap match No Gap. 

Choose any height you want and align the content at your discretion. In our case, we have chosen the center content position and no borders.

center content position

Inside the Section block, you can paste any other block you want. We have added the Posts block. Click on the + button inside your Section and choose the needed block. After you have finished the inside block customization you can begin setting the video background.

Inside the Section block

Click on the Section to open the block settings. Find the Background tab there. Click on the Select Background Video to download the video.

Select Background Video

Choose the necessary video from your existing media library or download the new one from your PC. Click on this video and then on the Select button.

download the new one

So, we have finished adding full page video background WordPress on our page. Click on the Preview button to check the result or click on the Publish button if you are sure in the success of your work and want to publish it immediately.

full page video background wordpress

We hope that this tutorial was useful for you and you will create amazing video backgrounds. You can stylize the block according to your needs and the website design. Change any element you want using the bunch of features and options that are included in the block.

2
Appreciate
How to upload SVG icons in WordPress
Next post
How to create responsive columns WordPress layouts
Prew post
How to upload SVG icons in WordPress
Next post
Meet Gutenix, the devoted team of developers that stands behind ZeGuten plugin and Gutenix free theme. We're inspired by WordPress, and are always looking for a on opportunity to make work with it easier for everyone.
Give us a Call: +1.347.342.0463
Email: [email protected]
Subscribe to get the news from Gutenix! Be the first to know of updates & discounts!
Enter a valid email!
Server error. Please, try again later!
Form was successfuly submited!
Follow Us:
Copyright © 2020 Gutenix. All Rights Reserved.