This tutorial extends this older tutorial which enables you to add a MP4 video, via the Customize > Front Page Video setting and display it behind the front page 1 widget on Infinity Pro.
Tested using Mac on Chrome, Firefox & Safari, this video mutes the sounds and autoplays in a continuous loop on page load.
Shows the MP4 video added via the customizer replacing the front page 1 widget background image.
Tested using the Infinity pro child theme for Genesis by StudioPress.
There’s 3 steps :
- # Upload the front-page.php file replacing the default front page template.
- # Copy & paste the PHP code from the functions.php file ( without the opening PHP tag ) to the end of your Infinity Pro themes functions file.
- # Copy and paste the CSS code from the style.css file to the end of your style sheet and clear caching.