Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1018940
    educainventions
    Participant

    I have activated the option “Disable Video and Show only Poster on Mobile” because I don’t want to use video in smartphones. My smartphone is showing the image I uploaded. That’s perfect.

    screenshot

    The problem is that the image is also showed in the rest of devices during a second before the video actually loads. That’s not beautiful (at least for me!). Is there any way to avoid that behaviour?

    #1019180
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    #1019759
    educainventions
    Participant

    Sure: http://www.educainventions.com
    Do you need my admin user and password too?
    Thanks

    #1019955
    Joao
    Moderator

    Hi There,

    To hide the video poster image before the video please add the following code to Appereance / Customizer / Custom / CSS

    @media screen and (min-width: 550px) {
    
    .tp-videoposter .noSwipe {
    
    display: none !important;
    } }

    Hope that helps,

    Joao

    #1020294
    educainventions
    Participant

    I tried both in the place you said and in ?cornerstone=1. No luck. Any other idea? :/

    #1020538
    Rupok
    Member

    Hi there,

    Thanks for updating. Kindly use this instead :

    @media screen and (min-width: 768px) {
    .tp-videoposter.noSwipe {
      display: none !important;
    }
    }

    Hope this helps.

    Cheers!

    #1021884
    educainventions
    Participant

    I have place it in ?cornerstone=1 -> config. It is working perfectly. Thank you! 🙂

    #1022153
    Paul R
    Moderator

    You’re welcome! 🙂

  • <script> jQuery(function($){ $("#no-reply-1018940 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>