In this article I share the steps for implementing code based on the one from Coverr website below the header in Workstation Pro for showing text overlayed on top of a looping video.
Screenshot:
On handhelds the video's poster image will appear in place of the video.
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
Create a file named say, home.js having the following code in Workstation Pro's js
directory.
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
Hi Sri,
In home.js line 31, remove the console.log(windowHeight);
i assume that it is for debug purposes…
Yes.
I’ve updated the code to comment it out.
[…] 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 […]