Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 11, 2016 at 3:34 pm #722834
    VipProduction

    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 #723020
    Rikard

    Hey 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,
    Rikard

    December 12, 2016 at 2:39 pm #723130
    VipProduction

    Hi,

    how can we resolve that situation?

    December 12, 2016 at 2:48 pm #723133
    Yigit

    Hi!

    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,
    Yigit

    December 12, 2016 at 3:10 pm #723156
    VipProduction

    How 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 #723161
    Yigit

    Hey!

    – 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,
    Yigit

    December 12, 2016 at 3:29 pm #723175
    VipProduction

    Thank 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 #723194
    Yigit

    Hi!

    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 8 years ago by Yigit.
    December 20, 2016 at 1:39 pm #726539
    mleite1

    Hello 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 #728139
    Andy

    Hi,

    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:

    Install Enfold over FTP

    Best regards,
    Andy

    April 5, 2019 at 12:30 am #1087256
    VipProduction

    Hi! Now it’s ok! Thank you.

    • This reply was modified 5 years, 8 months ago by VipProduction.
    April 5, 2019 at 3:04 am #1087278
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Enable video on mobile’ is closed to new replies.