-
AuthorPosts
-
December 11, 2016 at 3:34 pm #722834
Hi,
how can we enable the slider videos for mobile/tablet on our website?
Thank you in advance!
December 12, 2016 at 9:21 am #723020Hey VipProduction,
Video autoplay is disabled for mobile devices due to manufacturer restrictions unfortunately. I might have misunderstood what you are looking to achieve though so please try to explain a bit further if that is the case.
Best regards,
RikardDecember 12, 2016 at 2:39 pm #723130Hi,
how can we resolve that situation?
December 12, 2016 at 2:48 pm #723133Hi!
You can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and choose to hide/display certain elements on mobile and desktop. You could remove your slider on mobile and display your video using Video Element
Best regards,
YigitDecember 12, 2016 at 3:10 pm #723156How can we insert Video Element only for mobile?
And in the same time we need to remain Fullscreen slider with video for desktop version.December 12, 2016 at 3:18 pm #723161Hey!
– Please add both Fullscreen Slider element and Video element to your page
– Enable custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
– Edit your element that you would like to display only on desktop and give it a custom class “only-desktop”
– Edit your element that you would like to display only on mobile and give it a custom class “only-mobile”
– Add following code to Quick CSS in Enfold theme options under General Styling tab@media only screen and (max-width: 990px) { .only-desktop { display: none !important; }} @media only screen and (min-width: 990px) { .only-mobile { display: none !important; }}
Best regards,
YigitDecember 12, 2016 at 3:29 pm #723175Thank you, Yigit. Where can we edit the element for displaying it for mobile and how can we give it a custom class “only-mobile”?
December 12, 2016 at 3:40 pm #723194Hi!
After enabling custom CSS field ALB elements, please click on the element you would like to edit (in your case it is Video element and Fullscreen slider element) and you will see new “custom CSS” field in the element options :)
Edit: If you would like us to apply the changes for you, please create a temporary admin login and post it here privately
Regards,
Yigit- This reply was modified 7 years, 11 months ago by Yigit.
December 20, 2016 at 1:39 pm #726539Hello Yigit, I did exactly what you said above and my video continues without loading on the Iphone and Ipad.
Does it need anything else? I’ll put my wordpress admin data in private. See this for me.
LINK
(www.rainhacinema.com.br)December 24, 2016 at 1:32 pm #728139Hi,
I used this code inside your Quick CSS field:
//** KRIESI CUSTOM CODE **// @media only screen and (min-width: 767px) { .only-mobile { display: none !important; }} @media only screen and (min-width: 767px) { .only-mobile { display: none !important; }}
for the page in private content.
Somehow it needs two times of the same code. So there might be some corrupted files, so please delete all theme files completely via FTP, before installing a fresh copy from your themeforest account. Here is a short tutorial on how to install the theme via FTP, in case you are not sure how that works:
Best regards,
AndyApril 5, 2019 at 12:30 am #1087256Hi! Now it’s ok! Thank you.
- This reply was modified 5 years, 7 months ago by VipProduction.
April 5, 2019 at 3:04 am #1087278Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Enable video on mobile’ is closed to new replies.