Legacy Headers in Elements

Hi there,

The legacy Page Headers will never be removed from the plugin.

However, you can easily add a video background to the new Page Hero: https://docs.generatepress.com/article/page-hero-background-video/

This method gives you way more control :)

Thank you. That's exactly what I was looking for. Great work!

No problem! :)

Note that the video won't play on a mobile device. In order to have the poster image display nice on your mobile device, I would suggest you add to the css the following (I tested this specifically on my iPhone so you might want to take this a step further and test on other devices including tablets):

@media( max-width: 480px ) {
    video[poster] {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}

Otherwise, your poster image may simply be zoomed in on an irrelevant portion of the image.

Cool - thank you for sharing that! :)