Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 1, 2022 at 8:47 pm #1367233
    ramiropuig

    Sorry Mike,

    I have tried this code so that the background of the video is not visible when I apply a border radius to the video, but something happens and it does not work

    .mejs-container * {
    border-radius: 20px !important;
    }

    div.mejs-controls {display:none;}

    .avia-video .mejs-container {
    background-color: none !important;
    }

    And it doesnt work in kobile

    October 1, 2022 at 8:55 pm #1367234
    ramiropuig

    Ok. With this code, it works… But only in desktop, it doesnt work in mobile. How can I make it work on mobile?

    .avia-video, .mejs-container * {
    border-radius: 20px !important;
    background-color: none !important;
    }
    div.mejs-controls {display:none;}

    .avia-video .mejs-container {
    background-color: transparent !important;
    }

    October 3, 2022 at 5:15 am #1367361
    Ismael

    Hi,

    Thank you for the inquiry.

    You may need to set the overflow property of the video element to hidden. Please try this css code.

    .avia-video {
    border-radius: 10px;
    overflow: hidden;
}

    Best regards,
    Ismael

    October 3, 2022 at 9:33 am #1367377
    ramiropuig

    Thanks for your help.

    I have done,

    However, although it looks good on the desktop version, the border-radius is not visible on the mobile version, nor are the video controls hidden.

    This is css code that I have. It looks fine on desktop but not on mobile.

    /*video*/

    .avia-video, .mejs-container * {
    border-radius: 20px !important;
    background-color: none !important;
    overflow: hidden !important;
    }
    div.mejs-controls {display:none;}

    .avia-video .mejs-container {
    background-color: transparent !important;
    }

    October 4, 2022 at 8:51 am #1367516
    Ismael

    Hi,

    Thank you for the update.

    The css is not present on smaller screens when we check the site again. Please check your css media queries, make sure that all of them are closed properly. The css is only applied when @media (min-width: 1200px) is true.

    Best regards,
    Ismael

    October 4, 2022 at 9:24 am #1367518
    ramiropuig

    Thanks. That was the problem. Thank you very much.

    October 4, 2022 at 12:08 pm #1367553
    Nikko

    Hi ramiropuig,

    I’m glad that Ismael could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘avia video background’ is closed to new replies.