In this article I show how the code from my earlier Post titled Video background section in Parallax Pro can be adapted for use in Altitude Pro. Screencast:
Note: The result is not 100% responsive, there will be some portion of dark background overlay that will be visible as the screen width is reduced. At 1024px and below we are going to replace the video with a background image and use background-size: cover. Even then the entire image will not be visible. You can specify properly sized background images for popular devices like iPad and iPhone via media queries in the stylesheet. That's not covered in the code.
Step 1Convert your mp4 video to ogv and webm formats using a software like the free Miro Video Converter. Upload these 3 files to /videos. Upload the poster or lower width background image to both /images and child theme directory's images directory.
Step 2Remove Front Page 1 from Customizer. a) Edit lib/customize.php. Change
To view the full content, please sign up for the membership.
Already a member? Log in below or here.