This tutorial provides the code which enables you to display a MP4 video you upload to your WordPress Media Library as the background image to the front page 1 widget area in the Digital Pro child theme by StudioPress.
The background image added via the customizer still loads as a fallback image in case the video fails.
Video Demo
Here’s the demo video showing the video covering the entire widget background and fully responsive on smaller mobile screens tested locally on Desktop Server.
Mobile Emulator Video Screen Cast
Tested on dozens of popular mobile devices using mobiletest.me
The front page 1 widget content displays over the video.
You can also add a image as a fallback which displays at any screen width.
Here’s the simple 2-step instructions for logged in members:
Was This Tutorial Helpful?