Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #863016

    I’m working on a site, and I am using a video background in a color section.

    The video doesn’t seem to play automatically on mobile phones. Is there a setting or something that needs to be addressed to make sure it plays automatically on phones as it does on the web?

    Also, towards the bottom of the page, I have a text area that has 6 icons. I am trying to find the best way to center them in the column elements. Any suggestions?

    thanks!

    #863066

    Hey dabomb,

    Generally videos do not autoplay on mobile phones. This is a restriction of the device itself, not the theme or WP.

    As for the icons, do you mean you want them 1 row of 6 columns centered?

    Best regards,
    Jordan Shannon

    #863132

    Yes that is what I mean, center the icons:centered icons

    On the video, this template the video doesn’t play, but it doesn’t have the red play button. If I were to self host the video, it would just show the first frame of the video? Is that correct? And if I ftp the video onto the server, what do I put for a link in the color background area instead of the youtube link? Is it just the direct link to the video? Then will the video autoplay on the web versions?

    #863523

    I set up the background with an image and selected the hide the video on mobile, but it seems to still be showing the video and not the image:
    image-background

    What do I need to do differently to have this work correctly?

    #863716

    Bump: any feedback or guidance?

    #863845

    Hi,

    1.) The fall back image should display instead of the video iframe on mobile view. Please test it on actual mobile device. It’s not going to work if you’re just resizing the browser. Or try to replace the color section with the layer slider. The plugin’s video background feature is enabled on mobile devices.

    2.) Please turn on the custom css class field, edit the text block with the social icons and apply a unique css class attribute to it (ex. “custom-text”). In the Quick CSS field, add the following css code.

    .custom-text { 
       text-align: center;
    }

    Best regards,
    Ismael

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