Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #722834

    Hi,

    how can we enable the slider videos for mobile/tablet on our website?

    Thank you in advance!

    #723020

    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

    #723130

    Hi,

    how can we resolve that situation?

    #723133

    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

    #723156

    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.

    #723161

    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

    #723175

    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”?

    #723194

    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 7 years, 11 months ago by Yigit.
    #726539

    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)

    #728139

    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:

    Best regards,
    Andy

    #1087256

    Hi! Now it’s ok! Thank you.

    • This reply was modified 5 years, 7 months ago by VipProduction.
    #1087278

    Hi,

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

    Best regards,
    Jordan Shannon

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