-
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,
MartinThanks 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 ? :)
ThanksHello 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,
MartinGreat ! 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?
AndyMy apologies, I found the answer to rounding corners on the splash image on the link Martin provided!
Thanks – it works very well!
Andy
