-
AuthorPosts
-
October 11, 2017 at 8:35 pm #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!
October 11, 2017 at 11:31 pm #863066Hey 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 ShannonOctober 12, 2017 at 5:08 am #863132Yes that is what I mean, center the 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?
October 12, 2017 at 4:31 pm #863523I 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:
What do I need to do differently to have this work correctly?
October 13, 2017 at 2:58 am #863716Bump: any feedback or guidance?
October 13, 2017 at 11:07 am #863845Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.