Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Resolved] Header Background Video

Home Forums Support Header Background Video

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1540452
    Greg

    Hi guys

    I had a background video working on a header element across devices (desktop, mobile) but all of a sudden it seems to have stopped working on mobile – no changes to plugins, just minor CSS edits to other bits on the page. It now displays the play icon in Safari on my iPhone.

    Any idea what may have caused this or what to look for?

    <video loop muted autoplay playsinline poster="/wp-content/uploads/Video-BG.jpg" class="background-video">
        <source src="/wp-content/uploads/Video-Filename.mp4" type="video/mp4">
        <source src="/wp-content/uploads/Video-Filename.webm" type="video/webm"/>
        <source src="/wp-content/uploads/Video-Filename.ogv" type="video/ogg"/>    
    </video>
    
    <div class="background-video-content">
        <h1 class="header">Headline goes here.</h1>
    </div>

    Thanks
    Greg

    #1540471
    Greg

    Ahh ha…

    I don’t suppose anyone knows a way to force low power mode iOS devices to use the fallback image rather than loading the video with a play button?

    Thanks
    Greg

    #1540568
    Leo
    Staff
    Customer Support

    Hi Greg,

    That is some excellent research! Thanks for letting us know πŸ™‚

    I don’t suppose anyone knows a way to force low power mode iOS devices to use the fallback image rather than loading the video with a play button?

    Unfortunately that sounds like something that would need to be modified with iOs itself.

    #1542086
    Greg

    No problems, and I thought might be the case, I’ll keep searching and let you know if I find any workaround.

    #1542146
    David
    Staff
    Customer Support
    #1543094
    Greg

    Thanks David, adding that script has worked in one sense – it sets the video to play as soon as you interact with the page. It would have been ideal if it could force the autoplay or hide the play button altogether but the is far better than not being able to play the background video at all – and I understand it’s down to the OS and not the code.

    Thanks for the help/link to the other thread, appreciated!
    Greg

    #1543677
    David
    Staff
    Customer Support

    Yep, we are at the mercy of Apple πŸ™‚ You’re welcome

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