-
Hello
Is there a css code to have rounded corners ?
Thanks
-
-
Hello Cirdec,
I believe you mean rounded corners of the player box in non-fullscreen mode.
You can achieve that by this CSS:
.flowplayer.is-small:not(.is-fullscreen) {
border-radius: 50px;
}Let me know, if it is what you’ve been looking for.
Thanks,
Maria
👍
Paste this in my CSS but nothing happens, Am I missing something ?
.flowplayer.is-small:not(.is-fullscreen) {
border-radius: 50px!important;
}
Hello Cirdec,
please try with:
.flowplayer, .flowplayer .fp-player .fp-splash, .flowplayer video, .flowplayer .fp-ui { border-radius: 1em !important; } .flowplayer .fp-header { border-radius: 1em 1em 0 0; }Thanks,
Martin
Thanks Martin working great but I would like rounded corners on everything (video + control bar). With your code it’s only on the video
If you have another code ? :)
Thanks
Hello Cirdec,
if it’s a YouTube video, then please add in .flowplayer iframe.fp-engine.
I posted the whole CSS tweak here: https://foliovision.com/player/advanced/css-tips-and-fixes#rounded-borders
Thanks,
Martin
Great ! thanks :)
I just found this, and Martin’s code works well EXCEPT for the splash image. In other words, the corners are square until the video begins to play, and then they are rounded.
Can you help please?
Andy
My apologies, I found the answer to rounding corners on the splash image on the link Martin provided!
Thanks – it works very well!
Andy
