• 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

Playlist going vertical

[Solved]

Foliovision › Forums › FV Player › Bug Reports › Playlist going vertical

  • D.C. D. 11 months, 3 weeks ago

    Something changed with my flow player plug-in today and I don’t know what. When I clear the cache of everything and then I go to load the page whether on desktop or mobile, and that page features the flow player prominently – the playlist is broken and all the videos vertical but if I refresh it, they pop back into the gallery player list as they should be. And everything is fine after that. I have disabled all plug-ins to see if they are conflicting with it and that is not the case. I have preloaded Jquery and that does not fix it. This happens whether the cash plug-in is on or off. Cloudflair has been turned off, but it happens with cloudflare on or off. It happens if I disable all my plug-ins except for the flow plug-in. But the flow player plug-in has not been updated in several weeks. The only thing that has changed is WordPress upgraded a couple days ago. I downgraded and no fix. But the issue only showed up today. What do you think is going on and how do we fix it?

    screenshot-2024-06-07-at-12-44-35%e2%80%afam
    Screenshot-2024-06-07-at-12.44.35 AM
    screenshot-2024-06-07-at-12-44-42%e2%80%afam
    Screenshot-2024-06-07-at-12.44.42 AM
Viewing 10 replies - 1 through 10 (of 10 total)
  • D.C. D. 12 months ago

    Hold off… I think this is a safari only issue…

    D.C. D. 12 months ago

    So it only happens in Safari but nothing I do can fix this. Empty your cache and go to this page to see it: https://dcdouglas.com/voice-over-male-talent-los-angeles/

    D.C. D. 12 months ago

    Figured it out in general – your beta release does not load properly the first time. I switched to release and it’s fine.

    D.C. D. 12 months ago

    ChatGPT helped me fix issue with Safari via order of functions – https://chatgpt.com/share/fd899026-58f4-4a49-9440-38bb3d13db9c

    D.C. D. 12 months ago

    I was wrong. Still happens. Only Safari. Only when cache of browser is cleared – not cache plugins or cloudflare. they can be on or off.

    D.C. D. 12 months ago

    Happens when all plugins are disabled, as well – https://dcdouglas.com/NoCache-BrokenGallery.MP4

    I haven’t fixed it but am using this in my footer temporarily until you have a fix. When you go a player page with an empty cache on Safari you will see it briefly before the auto-refresh hits. (ie https://dcdouglas.com/voice-over-male-talent-los-angeles/)

    document.addEventListener(“DOMContentLoaded”, function () {
      var playlistWrapper = document.querySelector(“.fv - playlist - slider - wrapper”);
      if (playlistWrapper) {
        // Trigger a reflow using requestAnimationFrame
        requestAnimationFrame(function () {
          playlistWrapper.style.display = “none”;
          requestAnimationFrame(function () {
            playlistWrapper.style.display = “flex”;
          });
        });
      }
    });
    Martin 12 months ago

    Hello D.C.,

    This issue might occur as by default we only initialize FV Player JavaScript once the user has started interacting with the page. It’s the “Optimize FV Flowplayer JS loading” setting: https://foliovision.com/player/settings/optimize-javascript-loading

    However – to avoid this issue we count the number of playlist items in PHP and add the width: 1000px to the playlist wrapper .fp-playlist-external. And I see it’s present on your website.

    So I don’t seem to run into your issue with the playlist thumbs showing in a single column and it does not matter how much I slow down my network and disable cache.

    I see you are using Autoptimize, so I wonder if the issue could be related to that. Could it be removing the inline style attributes with one of its settings?

    Thanks,
    Martin

    Martin 12 months ago

    Couple of additions:

    I tried these tests without the new code which you added. So there was no display: flex to fix the issue.

    I tried on iPhone too.

    Thanks,
    Martin

    D.C. D. 12 months ago

    So bizarre. Still occurs on my desktop when cache empty (with or without cache plugins/cloudflare) AND on my iPhone… At a loss… I guess I’ll keep the JS fix just in case…

    D.C. D. 12 months ago

    I’m going to blame ChatGPT in our tweaking of website. Doing this fixed issue –

    .fv-playlist-slider-wrapper {
      overflow-x: scroll!important; /* Enable horizontal scrolling */
      white-space: nowrap!important; /* Prevent line breaks within the playlist items */
      display: flex!important; /* Flexbox for horizontal layout */
    }

    This is now resolved. Sorry for being such a bother. AI is helping me immensely 90% of time, and getting me in trouble 10% of time!

Viewing 10 replies - 1 through 10 (of 10 total)
Reply To: Playlist going vertical



Please Sign in or Register to upload files.

Related Posts

  1. Playlist style “vertical” not working

    Playlist style “vertical” not working

  2. Cent OS6 compatibility?  PLEASE HELP!!

    Cent OS6 compatibility? PLEASE HELP!!

  3. Playlist feature doesn't seem to work

    Playlist feature doesn't seem to work

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!