Video Background in Infinity Pro

Posted on

We can easily set up background video for any section in WordPress using the free Video Background plugin.

Step 1

Install and activate Video Background.

Step 2

Create a static Page titled say, Home.

On this Page, in the Video Background meta box specify .front-page-1 for the Container.

Upload/select the links to your video’s mp4, webm and poster image.

Step 3

Set Home as front page at Settings > Reading.

Step 4

We will now exclude Front Page 1 section from being able to be set and get a background image via the Customizer.

a) In lib/customize.php, change

$images = apply_filters( 'infinity_images', array( '1', '3', '5', '7' ) );

to

$images = apply_filters( 'infinity_images', array( '3', '5', '7' ) );

b) In lib/output.php, change

$opts = apply_filters( 'infinity_images', array( '1', '3', '5', '7' ) );

to

$opts = apply_filters( 'infinity_images', array( '3', '5', '7' ) );