This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Hero unit video background error on ipad

  • Creator
    Topic
  • #24900
    Erik Almén
    Participant

    Hi Jason,

    I’ve built a site with a video background on the front page. Everything works fine except on an ipad (with retina display) if you use landscape mode. Any ideas why?

    http://doghousemarine.se/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Author
    Replies
  • #24905
    Jason Bobich
    Keymaster

    Hello Erik,

    Because of how iOS plays video, a background video isn’t possible in the way we can utilize on desktop. The theme does take this into account and makes sure the fallback image displays as the browser is scaled down to smaller devices. However, since we’re only doing this based on the viewport, we’re seeing the side effect of larger mobile devices, in the desktop range, not displaying the fallback properly.

    This is a similar issue to this, and will have it fixed in the next update by making sure the fallback image displays.

    Here’s a quick CSS fix for you, if you want:

    .mobile .tb-bg-video {
        display: none;
    }
    #24916
    Erik Almén
    Participant

    Yep, it’s hard work trying to be good looking on all platforms and screens. Thank you for the quick fix. Works really well. Cheers!

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