• 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

New Player – AB Loop and Play Bar CSS

Foliovision › Forums › FV Player › Bug Reports › New Player – AB Loop and Play Bar CSS

  • Devin 6 years, 7 months ago

    Hi Foliovision Team,

    Just wanted to write in with a couple of things I noticed about the new player. Still loving the new features and everything.

    I can’t seem to get the AB Loop player to work properly on my site countryguitaronline.com …I can set the beginning and end points, but it’s not looping.

    Also, the play time that counts as the video progresses is still making the playbar jump around a lot and it’s hard to select a specific time in the video unless you click pause.

    That’s it for now! Thanks again, and let me know if you need more info –

    Devin

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

    Hello Devin,

    I was able to use AB loop on https://countryguitaronline.com/monthly-giveaway-video/ without issues just fine. Please note that the AB loop markers are currently not aligned with the video timeline.

    We are reworking that a bit for the new FV Player Pro version. Activating AB loop will make the video timeline full width and the AB loop bar will be full width too. It will also move all the controls below the video – to ensure full video is still visible and there is not too much of controls covering important parts of it.

    We were checking the control bar issue. It only happens if you let FV Player inherit the font form your theme. But we have thought of a solution, so I pinged Viktor again to take care of this.

    Thanks,
    Martin

    Kenneth C. 7 years ago

    Hey Guys, After installing the latest player update, I too am having trouble with the player. I see that this post is 3 weeks old… Is this the same issue, or a new bug? Thanks.

    Martin 7 years ago

    Hello Kenneth,

    please let us know what issue you are having. Is it the AB loop not working? Or are you referring to the issue with the control bar moving a bit to left and right as the time advances?

    Or are you asking us about the new improved AB loop bar?

    Thanks,
    Martin

    Devin 7 years ago

    Hey Martin,

    I like the new improved AB loop bar. It does make it easier to select the beginning and ending time to loop.

    I use Advanced CSS Editor plugin to add CSS and target different devices easily without having to do a bunch of media queries…I ended up adding the following CSS and I like how it looks. The CSS below that adds a fixed width to .fp-elapsed was pretty key in getting the main playbar to stop jumping around…but I noticed the width does need to be narrower on mobile.

    Global CSS:

    .flowplayer.skin-custom .fp-elapsed {
    width: 32px;
    }
    .flowplayer.skin-custom .noUI-time-in {
    padding-left: 1px;
    }
    .flowplayer.skin-custom .noUI-time-out {
    padding-right: 1px;
    }

    Mobile:

    .flowplayer.skin-custom .fp-elapsed {
    width: 18px;
    }
    .fv-ab-loop.active .noUi-origin.noUi-connect {
    margin-left: 5%;
    }

    I’m sure there are better solutions but that has it close enough for me right now.

    I think one thing I was confused about when I first used the new improved AB loop bar is that the I and O points are referencing a new AB loop bar below the main play progress bar. I think it could be more standard to have the AB loop I and O points mark the beginning and ending on the main play progress bar as opposed to marking the points on a new bar down below the main progress bar, but that’s just my take on it. I do really like how the AB loop now shows you the actual in and out times right below.

    Overall, really great improvements though. Very happy with everything y’all are doing.

    Thanks –
    Devin

    Martin 7 years ago

    Hello Devin,

    thank you for your notes.

    In the new AB loop design in which we are working on (it will be in FV Player Pro Beta first) the player timeline moves to the top of the controlbar and is aligned with the ab loop bar perfectly. The whole controlbar also moves below the video to make sure the full video can be seen and it’s not covered too much.

    We removed the display of the loop start/end time and put it into a tooltip which shows up when you drag the loop end points.

    Thanks,
    Martin

Viewing 5 replies - 1 through 5 (of 5 total)
Reply To: New Player – AB Loop and Play Bar CSS



Please Sign in or Register to upload files.

Related Posts

  1. How FV Player’s AB Loop changed John W. Tuggle’s life

  2. Creating Video Links in FV Player

  3. User AB Loop

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!