Streaming live at 10am (PST)

Video as div background on loop


#1

Is it possible to set a video background, either as an mp4 or an animated gif to play as the background for a div on a loop? I’m not sure which would be best and how to go about doing it. On my site, I’d like to do it on the home page, on the right-hand side, there is a header div called ‘main content header’ that I’d like to replace the static image with a short video loop.

Read Only Link
Live Site


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Yes. You just add the “Background Video” component inside a Regular Div. You’ll need to use an MP4. It will automatically loop. Adjust the size of the parent Div because the BG Video will not be responsive automatically, you’ll need to resize it manually.


#3

Great! Thank you. That worked perfectly. :smiley: