Video Background for Front Page 1 in Altitude Pro

In the past I published a tutorial titled How to replace image background with a video for Front Page 1 section of Altitude Pro using BigVideo. Recently in another tutorial titled Video hero section in Workstation Pro I used the code based on Coverr to do something similar, but in Workstation Pro.

In this article I share the steps for replacing the full screen background image of Front Page 1 widget area in Altitude Pro with a video using the Coverr method.

Live Demo

Step 1

Create a directory named say videos under your WordPress root. Upload your video's files (in mp4, webm and ogv formats) and the corresponding image file.

Step 2

Edit js/home.js in Altitude Pro's js directory.

Replace