[Resolved] Hero background video not working on mobile

Home Forums Support [Resolved] Hero background video not working on mobile

Home Forums Support Hero background video not working on mobile

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2163713
    Alicja

    Hi, I have used a video as a hero background based on the instructions from this post: https://docs.generatepress.com/article/page-hero-background-video/. It works well on a desktop, but it is not playing on my iPhone (I see just an image). Did I miss something?

    Website URL: https://spicewoodpianotuning.com/

    #2163747
    Ying
    Staff
    Customer Support

    Hi Alicja,

    Try add playsinlineto your code, something like this:

    <video loop muted autoplay playsinline poster="URL/TO/poster.jpg" class="background-video">
        <source src="URL to your video" type="video/mp4">
    </video>
    #2163817
    Alicja

    It works! Thank you!

    #2163819
    Ying
    Staff
    Customer Support

    No problem 🙂

    #2219093
    Brenden

    I tried the same technique, but I cannot get background video to play on mobile.

    https://fieldofflight.com/

    #2219559
    David
    Staff
    Customer Support

    Hi there,

    it works on my iPhone. Make sure the device isn’t low power mode as that will generally stop videos loading.

    #2219673
    Brenden

    I think it was low power mode. Thank you!

    #2219969
    David
    Staff
    Customer Support

    You’re welcome

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