This tutorial provides the code which enables you to display a 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.
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.
Here’s the simple 2-step instructions for logged in members: