Okay
  Public Ticket #1399460
Video banner is not autoplaying on mobile phone mode
Closed

Comments

  • yangkinghoi started the conversation

    Video banner is not autoplaying on mobile phone mode?

    please help

  • yangkinghoi replied

    And for the image banner, how to add text and button on the top of it.

  • yangkinghoi replied

    Or can the vidoe is playing on the desktop mode and showing the background picture on the mobile mode?

  • [deleted] replied

    Hi

    Thanks for your feedback,

    1) About Video, the video will be not able to autoplay on the mobile, so on the mobile, I will replace it by a background image. So please provide your site info ( site url, admin account and ftp access detail ) I will make for you

    2) About promo banner, you can change the position of text and button when you use the frontend builder to edit or create a new banner

  • yangkinghoi replied

    1) Can you tell me the way to do that?

    2) not  the promo banner, it's the owl carousel slider, so can I add text and button for it?

  • [deleted] replied

    Hi

    1) It is not simple, so please provide your site info ( admin account and ftp access detail ) I will help you

    2) If you are using our theme on the magento2, you will be not able to add text or button to Owl Slider, the text and image is together, you can add text to image as individually

  • yangkinghoi replied

    1) the problem is when you theme updated, I need to do it again

  • [deleted] replied

    Hi

    If you know css this problem will be easier, or you can copy this code into Custom Style and notify me the result :

    @media (max-width: 767px) {
        body .video-banner .loaded+.text{
        background-image: url(pub/media/wysiwyg/panel/bg_video_replace.jpg) !important;
        padding-top: 200px !important;
        padding-bottom: 200px !important;
        position: relative !important;
        transform: none;
        -moz-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        }
        #video-background {
        display: none;
        }
    }

    Please check my attachment for the correct background-image link.

    Best regards.

    Vinh.

  • yangkinghoi replied

    I think we are not talking about the same theme, my theme is Unero, not the Claue.

    please see the attachment.

  • [deleted] replied

    Hi

    Really sorry about this confusion.
    You can copy this code into Custom Style and notify me the result :
    @media (max-width: 767px) {
       .video-banner-wrapper .videobg-make-height .videobg-hide-controls{
           display: none;
       }
    }

    Best regards.

    Vinh.