[Resolved] Set background video in Elements as we did on Page Headers

[Ivan Cazorla]

Hi there,

I was wondering how I can use a video background instead of a color background in the new Elements module as we could do before on the Page Header module.

Is this still possible to do? Or has this function been removed? I’d love to use background videos.

Thanks,
Ivan

[David]

Hi Ivan,

this is what you’re looking for:

https://docs.generatepress.com/article/page-hero-background-video/

It provides a lot more flexibility then the old baked in method.

[Ivan Cazorla]

Hi there,

Thank you. Interesting move, I’ll give it a shot.

Thanks again,
Ivan

[Ivan Cazorla]

Hi there,

I’ve got everything set up now and it’s working, but the poster image it’s not placed correctly when loads the website. See screenshot here: https://snag.gy/e7TQz9.jpg

Thank you,
Ivan

[Ivan Cazorla]

Hi again. See here the image on the phone in horizontal mode: image here

thanks again,
Ivan

[David]

Hi Ivan,

can you share a link to the site?

[Ivan Cazorla]

Sure, here it is: https://ivancazorla.com/

thanks,
Ivan

[Tom]

What happens if you add this CSS?:

video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

[Ivan Cazorla]

I’ve already did that.

Thanks,
Ivan

[Tom]

Without the media query?

[Ivan Cazorla]

Oh, okay. Just fixed that. Looks like it’s working now.

Thanks again,
Ivan

[Tom]

You’re welcome 🙂

[Author]

Posts