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.
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
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
Looks great with Firefox but not Chrome, Safari or from mobile devices 🙁
Sridhar, you can help me with the compatibility problem with some browsers?
Please.
[…] one of my earlier articles titled Video Background for Front Page 1 in Altitude Pro I showed how the background image in Front Page 1 section of Altitude Pro can be replaced with a […]