Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Can I use a video on the home header in Catalyst theme?

  • Hi team, I’m using Catalyst theme. I want to know can I use a video on the home header instead of a still image?

    I did try uploading a video under Background Image/Custom Image and got an error saying the max filesize is 64 MB. If the file-size is under 64 BM will a video work?

    If it isn’t possible this way, can that Home Header section be disabled and replaced with a section with a video?

  • Hi Simon,

    Yes, it’s possible but you’ll need to create a new Page Hero for it.

    See this article for reference on how to do that: https://docs.generatepress.com/article/adding-a-background-video/

  • Yes, it’s possible but you’ll need to create a new Page Hero for it.

    So I’d create a new “Home Header” under Elements then follow those steps? Then just turn off the old header.

    Also what are the 3 different kinds of video for that are listed in that code? I would only want 1 mp4 video, so I’d just omit those 2 other lines?

    <source src=”URL/TO/video.mp4″ type=”video/mp4″>
    <source src=”URL/TO/video.webm” type=”video/webm”>
    <source src=”URL/TO/video.ogv” type=”video/ogv”>

  • It’s better if you convert your video to these 3 formats and upload all of them on your site. Doing so would provide wider support for different devices.

    Yes, you’re right. Just replace the current Header with this new one.

  • Ok cool that make sense. Appreciate your help. 🙂

  • You’re welcome, Simon! 🙂

  • Hi Fernando, rather than use video will it work to use a Metaslider image slideshow instead? https://www.metaslider.com/

    I’m guessing I can just put the Metaslider short code into the new hero section. If this will work can you recommend the pixel dimensions I should make the slider?

  • Yes, that should work as well but the structure may depend on your Slideshow.

    The dimensions would depend on your preference.

    Some would recommend 2400x1600px for full-screen images. Others would recommend something smaller.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.