Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1115186

    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…



    Hi Thomas,

    Where can we see the results you are getting?

    Best regards,


    Hi Rikard!

    Check ouy

    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? :)



    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,


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


    Hi autopilotdk,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,

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