Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1368978

    Hey!

    I use a background video. Sadly this doesn’t work on mobile devices?
    Anyhow I use a fallback image which works fine on phones but doesn’t load on tablets.. instead it only shows the overlay color.

    Is there an easy way to have a background video on tablet/mobile?
    If not, how can I get the fallback image to load on tablets (or other than desktop)?

    Thanks,
    Chrisi

    #1369012

    Hey hochenb,
    Thank you for your question, mobile browsers such as Safari and Chrome block background videos from auto-playing, this has been the standard for for many years, this is why there is a notice in the elements:
    2022-10-16_003.png
    Some plugins offer “Hacks” around this, but Safari and Chrome block more of these “Hacks” with each update, Enfold follows the browser rules and doesn’t add these “Hacks”
    The LayerSlider may play a background video on mobile devices, but it is unknown how long this will work.

    As for the fallback image not loading on tablets, I tested this with the color section, I added a Background Video and checked the option Hide Video On Mobile Devices:
    2022-10-16_004.png
    then I added a Custom Background Image for mobile & tablets:
    2022-10-16_005.png
    Now on desktop the background video plays:
    2022-10-16_006.png
    and on tablet the background image shows:
    2022-10-16_007.png
    below I have linked to my test page, are these the steps you tried, if not please explain and link to your test page.
    I will point out that I don’t have an actual tablet device so I tested with the Dev Tools in Chrome and BrowserStack.com which uses real devices, the standard iPad showed the background image:
    2022-10-16_011.png
    and the iPad Pro showed the background video, so that was an added bonus:
    2022-10-16_008.png

    Best regards,
    Mike

    #1369032

    Hey!

    I did set everything as you described it above.
    The fallback only works with the iphone, but not on any of my ipads.

    Interesting, the video on your test page works on my ipads, and falls back to the image on my iphone.

    #1369036

    Hi,
    Thanks for the link to your page, I tested in my Chrome Dev Tools for tablet (768px) and on BrowserStack.com iPad & iPad Pro and your fallback image showed for them, please see the screenshots in the Private Content area.
    Do you have a strong wifi connection? Try with the iPad plugged in to see if that helps.
    Also try to clear the cache, and note that for Safari you often need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    Best regards,
    Mike

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