Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 2, 2019 at 2:45 pm #1115186
    autopilotdk

    Hi :)

    How do I customize the controls placed for self hosted video player? The controls are white – so is the opening scene of the video = you can’t see the “play video” icon…

    Thanks
    Thomas

    July 3, 2019 at 8:38 am #1115381
    Rikard

    Hi Thomas,

    Where can we see the results you are getting?

    Best regards,
    Rikard

    July 3, 2019 at 9:13 am #1115388
    autopilotdk

    Hi Rikard!

    Check ouy

    Cadesign

    There are two video players. Top is youtube – ignore this.

    Bottom is Enfold. Notice how the “play button” control overlayed on the Enfold video is white. And the video is white. So you don’t notice the control.

    What I’d like, is a way to change the color of the control, preferably from the GUI or via CSS. But as far as I know, you can only use the CSS fill: property on svg-paths, not svg-files… so – any suggestions? :)

    July 5, 2019 at 12:47 pm #1116034
    Ismael

    Hi,

    Thank you for the info.

    The play button is an svg image, so you can’t change its color without editing the file directly. You can however add a background behind it using css.

    .mejs-overlay-button {
    background-color: #000000;
}

    Best regards,
    Ismael

    July 30, 2019 at 10:39 am #1123105
    autopilotdk

    Awesome, thanks – setting at background color accomplishes the same :)

    July 30, 2019 at 6:48 pm #1123232
    Victoria

    Hi autopilotdk,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.