Docs

[drewlettner]

Hello,

I have a video background as my “hero image” that disappears on mobile devices. I’m good with that, because I know it’s very large. However, instead of having a blank space on mobile, I’d like to replace that with a still image of said video. I was looking through the forums and found this code:

.touchevents .x-video.player.img-on-mobiles { padding-bottom: 56.25%; height: 0; background: url(http://www.drewlettner.com/wp-content/uploads/2016/06/lettner_portrait_SELF_mobile.png
) no-repeat center center; background-size: contain; } .touchevents .x-video.player.img-on-mobiles .x-video-inner { display: none !important; }

(I replaced the URL with my image), but this does not seem to be working still. Can you please assist me with this?

[Joao]

Hi There,

You don´t need a media query to do that you can simply add a poster image by clicking on the box below where you put the video background URL, please see img attached.

Hope that helps,

Joao

[Author]

Posts