-
Dear sirs,
Since the beginning of our page, we had battled with FV WordPress Flowplayer plugin to adapt it to a responsive theme. We had found that your plugin doesn’t play nice with a totally custom CSS file, that in our case, is the way that we had found to do an adaptative version of our site.
We are looking a way to create a responsive playlist, right now we can’t handle the height using an auto parameter or percentile. Right now it only takes pixels instead. Please let me know If I need to even change any part of the plugin code to accomplish this task.
Best regards.
-
-
Hello Diego,
could you please send us an example of what the playlist should look like?
Making sure users get a choice of different playlist styles is on our list.
Thanks,
Martin
Hello Martin,
Our main issue is when we try to integrate a kind of carousel that doesn’t use scrollbars, instead it use buttons to go up or down, eg: https://amazingcarousel.com/examples/vertical-jquery-carousel-id10/
Then we need to change the thumbnail size using a relative size instead to a fixed pixel size, but after changes, it just doesn’t work. All this is required to build a 100% responsive compliant interface that right now is impossible to accomplish.
Best regards,
Hi Diego,
“Impossible to accomplish” is a pretty absolute statement. Would you like to bet four thousand dollars that “a 100% responsive compliant interface” can be accomplished? If so, let’s find an escrow agent and place the bets.
If you aren’t a betting man, I’d suggest you let us know what additional code you need to be able to build your carousel. Thanks for the link you just sent while I was writing.
We’d prefer to see clean code rather than just demos. I.e. what you should do is take the demo above and create a version which looks the way you’d like with your data and then we can work from that.
As Martin said, we are actively working on playlists right now so if you get your wishlist in quickly, Christmas is likely to come early for you.
Cheers,
Alec
Hi Alec,
You are right in both cases, impossible to accomplish isn’t the right expression; the other thing is that I don’t like bets. Said that, You can download our actual work to try to adapt our carousel to your plugin. We just need to generate responsive HTML code, On it you can see a class named: ‘fp-playlist-external’
Code: http://cl.ly/c0V2
<div class="fp-playlist-external" rel="wpfp_ecf63ef57f82765b9b43bfeaeebe2b0c" style="height: 496px; top: 0px;">We need the height customized to get a responsive div container without having to do magic tricks.
If you know any other button-based responsive carousel that works with your plugin, please let me know.
Best regards.
Hi Diego,
We are still working on global playlist improvement.
You can always overrule any CSS class with !important attribute. It’s not an attractive patch but will probably allow you to do what you want now while we are refactoring our code.
Hi Martin,
Could you offer Diego a bandaid for now to allow him to get the effect he wants. I believe it’s as simple as changing a class or removing a fixed value.
Thanks!
Making the web work for you, Alec
Hello Diego,
thank you for the code sample, I had a look. Unfortunately I don’t think you are using the right approach here.
Our playlist is using a simple DIV element with class “fp-playlist-external” with A tags in it. In your HTML, you put this element into the div.flowplayer container and then you add a lot of extra HTML elements in JavaScript to prepare a simple slider. I guess that’s all the magic tricks you were talking about and indeed, this should be much simpler.
In our web development we are mostly using bxSlider successfully, so I would recommend you look into that. It might require some width or height for the div.fp-playlist-external element and then it might just work. It will add all the arrows HTML automatically.
Thanks,
Martin
Martin – Alex,
Thank you for your help, I will try the bxSlider plugin. If I have further questions, I will be reporting here.
Best regards,
Hi Diego,
Please let us know how you get on. We are dedicated to improving our playlist functionality to the best on the market.
Making the web work for you, Alec
