Archived topic

Set background video in Elements as we did on Page Headers

11 replies · Started by Ivan Cazorla on August 29, 2018

Viewing posts 1–12 of 12

August 29, 2018 at 3:43 am #663120

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

August 29, 2018 at 5:24 am #663172

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.

August 29, 2018 at 11:51 pm #663930

Hi there,

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

Thanks again,
Ivan

August 30, 2018 at 1:04 am #663986

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

August 30, 2018 at 1:12 am #663992

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

thanks again,
Ivan

August 30, 2018 at 4:45 am #664164

Hi Ivan,

can you share a link to the site?

August 30, 2018 at 4:47 am #664166

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

thanks,
Ivan

August 30, 2018 at 9:55 am #664544

What happens if you add this CSS?:

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

August 30, 2018 at 10:17 am #664565

I’ve already did that.

Thanks,
Ivan

August 30, 2018 at 10:36 am #664594

Without the media query?

August 30, 2018 at 11:31 am #664634

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

Thanks again,
Ivan

August 30, 2018 at 3:21 pm #664766

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.