• Skip to content
  • Skip to primary sidebar
  • Skip to footer

Foliovision

Main navigation

  • Weblog
    • FV Player
    • WordPress
    • Video of the Week
    • Case Studies
    • Business
  • About
    • Testimonials
    • Meet the Team
    • We Support
    • Careers
    • Contact
    • Pricing
  • Products
  • Support
    • FV Player Docs
    • Pro Support
  • Login
  • Basket is empty

How to style the youtube playlist

[Solved]

Foliovision › Forums › FV Player › How to … › How to style the youtube playlist

  • Fabio 8 years, 11 months ago
    Avatar photo

    Hi
    I’ve finally placed the player in our home page. It plays videos from a youtube playlist.
    Now it’s time to provide it a better style, like other players does.
    Does it exists a css library, or some samples to take inspiration?
    Moreover I need a different style when displayed on mobile or desktop: the list of videos should be on he right side when desktop, and next prev when mobile (but if there are some samples from the vendor I can, again, take inspiration)
    regards
    Fabio

Viewing 9 replies - 1 through 9 (of 9 total)
  • Martin 9 years ago

    Hello Fabio,

    thank you for the suggestion, I see that the vertical playlist would be more compact on mobile if it would change to next/prev arrows. We need to improve that.

    Do you have any other improvements or model websites in mind?

    Thanks,
    Martin

    Fabio 9 years ago
    Avatar photo

    thanks for your reply.
    is achievable something like this?
    http://creativeinteractivemedia.com/player/CCElite_Video_Player/index.html

    Alec Kinnear 9 years ago
    Avatar photo

    Hi Fabio,

    We are still working on improving playlist styles. I have a proposal for you. Could you provide us with screenshots of what you want? In which case, we could build it for you as custom code at a special rate. That way you get exactly the style you want and we move our playlist styling forward.

    Making the web work for you, Alec

    Fabio 9 years ago
    Avatar photo

    Dear Alec
    for the moment I can survive. I have overwritten the CSS and now the player looks acceptable.

    You should really take in consideration to improve the playlist style with:
    1) resposiveness: how the mobile should present a youtube list of (e.g.) 50 videos?
    2) captions: to show labels above the thumbnail, it would allow to show more info in the same player space + possibility to show other info like: published date, duration
    3) better look and feel: the current one looks like a draft version

    regards
    Fabio

    Alec Kinnear 9 years ago
    Avatar photo

    Hi Fabio,

    Thanks for your notes. It’s very helpful. We’ll definitely look into the performance issues. Adding captions is a real pandora’s box but yes, captions should be available and hidden in the html for someone to be able to add them to their playlists.

    Look and feel. I agree. Playlists should be much sexier. If you’d like to do some further work on the design and with screenshots, we can implement them as you like.

    Thanks.

    Alec

    David 9 years ago

    Hi,

    One sugestion for playlists: caption in the main video. All videos in the list has captions, but not the main video. I think is little strange.

    Thanks!

    Martin 9 years ago

    Hello David,

    thank you for the suggestion, we will discuss it in our team.

    Thanks,
    Martin

    Martin 9 years ago

    Hello David,

    in the next version the vertical playlist will change to next/prev arrows when on mobile width. You can get our development version to test this out here: https://github.com/foliovision/fv-wordpress-flowplayer/archive/task-5072022-reponsive-playlist.zip

    I wonder what improvements we could make to the next/prev arrows playlist style to make it more attractive.

    Thanks,
    Martin

    Alec Kinnear 9 years ago
    Avatar photo

    Thanks for your suggestions David!

    Hi Martin,

    I’d say the caption should be available underneath the video for people to make visible if they want. We should hide it by default though.

Viewing 9 replies - 1 through 9 (of 9 total)
Reply To: How to style the youtube playlist



Please Sign in or Register to upload files.

Related Posts

  1. YouTube Playlist Embedding

  2. YouTube Playlist Integration and Other New Features

  3. YouTube Playlist Support

    YouTube Playlist Support

Primary Sidebar

Sign in Register
FV Player Docs Post New Topic

Welcome

to Foliovision support forums! We'll be happy to provide free support to resolve all the reported bugs. You always can start by specifying your OS and browser and steps to reproduce the bug.

If you need help with the installation on your site, please submit a request for a Pro Support Incident. We'll have you up and running in no time, with detailed instructions on how to resolve your issue yourself in the future.

Facing a hard to solve WordPress problem? On a tight deadline?

Let us take care of it for you
right now.

Pro Support Buy FV Player

Footer

Our Plugins

  • FV WordPress Flowplayer
  • FV Thoughtful Comments
  • FV Simpler SEO
  • FV Antispam
  • FV Gravatar Cache
  • FV Testimonials

Free Tools

  • Pandoc Online
  • Article spinner
  • WordPress Password Finder
  • Delete LinkedIn Account
  • Responsive Design Calculator
Foliovision logo
All materials © 2025 Foliovision s.r.o. | Panská 12 - 81101 Bratislava - Slovakia | info@foliovision.com
  • This Site Uses Cookies
  • Privacy Policy
  • Terms of Service
  • Site Map
  • Contact
  • Tel. ‭+421 2/5292 0086‬

We are using cookies to give you the best experience on our website.

You can find out more about which cookies we are using or switch them off in .

Powered by  GDPR Cookie Compliance
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Necessary Cookies

Strictly Necessary Cookie allow you to log in and download your software or post to forums.

We use the WordPress login cookie and the session cookie.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

Support Cookies

Foliovision.com uses self-hosted Rocket.chat and self-hosted Freescout support desk to provide support for FV Player users. These cookies allow our visitors to chat with us and/or submit support tickets.

We are delighted to recommend self-hosted Rocket.chat and especially Freescout to other privacy-conscious independent publishers who would prefer to self-host support.

Please enable Strictly Necessary Cookies first so that we can save your preferences!

3rd Party Cookies

This website uses Google Analytics and Statcounter to collect anonymous information such as the number of visitors to the site, and the most popular pages.

Keeping this cookie enabled helps us to improve our website.

We reluctantly use Google Analytics as it helps us to test FV Player against popular Google Analytics features. Feel free to turn off these cookies if they make you feel uncomfortable.

Statcounter is an independent Irish stats service which we have been using since the beginning of recorded time, sixteen years ago.

Please enable Strictly Necessary Cookies first so that we can save your preferences!