Hello stebato,
Thanks for reaching out to us and reporting about the issue!
The demo page helped a lot! I checked the page and it seems the issue is in CSS. The Darklup plugin’s CSS overrides FV Player CSS and as the result, the dark background is on the top of the FV Player.
I’ll forward this issue to our development team to fix the issue.
For the future please use our own support forum to help us keep track of the issues and bug reports: https://foliovision.com/support.
Making the web work for you,
Natalia
Thanks a lot for looking into it so quickly!
Stebato 🙂
Hello stebato,
unfortunately because the plugins uses declarations like this:
background-color: #121212 !important;
There is no way for us to avoid it. It should have an option to specify classes which should be ignored and not affected by the dark mode.
To fix this issue you could be writing !important declarations to fix the FV Player appearance when using the dark mode. If you know a bit of CSS it shouldn’t be so hard. But we cannot put these !important declarations into the plugin CSS code as it’s considered a bad practice. We do have some rules like that (coming from core Flowplayer library mostly), but we try to keep them at bare minimum.
The reason why Vimeo player works is that it’s using an iframe – it’s not really part of your websites and it slows down the page loads.
We do offer a paid service where we tweak FV Player appearance to suit needs of website publishers, so we could cover adding a layer of compatibility with DarklupLite – WP Dark Mode for you if you are interested.
Thanks,
Martin