This solution enables you to add a video background to the front page 1 widget area in the Infinity Pro child theme by StudioPress. The code includes CSS for Media Queries so it’s fully responsive as shown in the following demo video:
This tutorial is based on the following question from a member of the Genesis community:
Has anyone successfully replaced the Front page images with Video backgrounds? If so, is there a recommended video background plugin?
The solution in this tutorial replaces the background image for the front page 1 widget area with a mp4 video by modifying the PHP code for the widget in the front-page.php file and adding CSS to the child theme’s style.css file. No plugins are used.
There’s 2 basic steps:
Step 1 : (a) Replace the existing code for the front-page-1 widget area with the following modified code between lines 66 – 69 in the Infinity Pro themes front-page.php file.