Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 24, 2023 at 3:08 pm #1399167
    nTECHgrate

    Hello Enfold Team,

    I have three videos that automatically play on my home page. The controls for these also pop up immediately and don’t disappear until I hover over them. I would like this to be the opposite: the controls are hidden until I hover over them.

    Any help you can provide is greatly appreciated.

    -James

    February 25, 2023 at 6:16 pm #1399269
    Mike

    Hey James,
    Thanks for the link to your page, please try this css:

    .mejs-container .mejs-controls {
	opacity: 0;
}
.mejs-container:hover .mejs-controls {
	opacity: 1;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    March 3, 2023 at 7:06 pm #1400050
    nTECHgrate

    Mike,

    This worked perfectly. Thank you so much, sir.

    -James

    March 3, 2023 at 7:34 pm #1400053
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘hide video player controls until hover’ is closed to new replies.