Two players on the same page with different layout

[Solved]

Cédric 4 years, 1 month ago
Hello
First FV Flowplayer PRO is a great player ! thanks !
I have on the same website vidéo-players with chapters and without.
I use this code in the wordpress CSS for the layout (with chapters on left en vidéo on the right) :
```
@media all and (min-width: 500px) {
  .flowplayer {
    width: 86%;
    float: right;
  }
  .fv_fp_chapters {
    width: 29%;
		height: 580px;
    float: right;
  }
}
```
It seems that ALL my players have the same layout :(
…it’s a big problem with the vidéo-players without chapters : I have a blank space on the left of the vidéo).
Do you have any solution ?
Thanks in advance

Viewing 3 replies - 1 through 3 (of 3 total)

Martin 4 years ago

Hello Cirdec,

please switch FV Player Pro to Beta (here’s how https://foliovision.com/player/basic-setup/switching-fv-player-pro-to-beta) and once you update to the latest version (or grab a fresh ZIP from https://foliovision.com/my-licenses) the player will have a .have-chapters class. Then you can use the revised CSS from: https://foliovision.com/player/advanced/css-tips-and-fixes#move-chapters

I also wonder if a display mode for chapters like this should not be part of the plugin without any need to add custom CSS.

Thanks,
Martin

Cédric 4 years ago

Hello Martin
Thanks for your answer but it’s not solved my problem, there’s always a sort of column when there’s no chapters, like a dedicated space (But it’s working great when there’s chapters however).
“I also wonder if a display mode for chapters like this should not be part of the plugin without any need to add custom CSS.”
It will be a great feature ! Is it possible ?

Thanks
Cirdec

Martin 4 years ago

Hello Cirdec,

please send over a link to your page where we can see the issue. It should really work reliably thanks for that “have-chapters” class. Are you sure you switched FV Player Pro to Beta?

I will need to check if we want to make this a core FV Player Pro feature with Alec.

Thanks,
Martin

Viewing 3 replies - 1 through 3 (of 3 total)