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

    HI there

    I have used a Colour Section to embed a video in the homepage of http://www.handhcatering.com.au and it plays well on all devices apart from mobile devices. At the moment I am using a background image for mobile phones, but it is important that the video can play on all mobile devices. The embedded video shows, but the play (autoplay is obviously disabled on an android device) icon cant be pressed to play the video – I would assume because it is embedded into a DIV.

    How can I embed the video so that it will play on all devices, please? Autoplay isn’t so important, but it would be nice if I could force it :)

    Cheers

    Andy

    #764041

    Hey FuzeCreative,

    Thanks for contacting us :) Autoplay doesn’t work on android devices, you can check this post: https://www.aerserv.com/why-does-video-autoplay-on-mobile-devices-not-work/

    Best regards,
    Nikko

    #764056

    Thanks Nikko

    I still need a solution for embedding the video so that it can be viewed on a mobile device, please.
    The autoplay issue isn’t a problem, but it would be nice for mobile users to be able to hit the play icon.
    This is currently not possible with the embed in a colour section.

    A

    #764419

    Hi,

    Try using a Video module (which we will hide on desktop version and view in mobile). Then turn on Custom Css Classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ in the video module’s custom css classes field put show-mobile save the page and go to Enfold > General Styling, find Quick CSS and add this css code:

    .show-mobile {
      display: none;
    }
    
    @media only screen and (max-width:767px) {
      .show-mobile {
        display: block;
      }
    }

    Hope this helps :)

    Best regards,
    Nikko

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