• 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

Issue with ajax + Safari audio overlapping

[Solved]

Foliovision › Forums › FV Player › Troubleshooting › Issue with ajax + Safari audio overlapping

  • Martin 8 years, 11 months ago

    Greetings Flowplayer team!

    I’m using the WPLMS wordpress theme and I am facing 2 issues:
    – The courses are divided in units. These units have sub-pages that I think load in ajax (I’m not a coder though :-). I have 1 video on each subpage.

    When a user goes to the next sub-page, if the current video wasn’t finished, then the next one on the next page shows the loader but nothing happens unless we click twice on it (chrome).
    Please see here: https://harp-school.com/course/passenger-let-her-go/
    Start the course and go to the unit 3 (let her go – piece). From there, play the video in the sub-page 2, and click on the sub-page 3 before the video ends. You should see what we experience.
    To avoid this, I had putted the global autoplay function, and this way it was working. Plus we loved the autoplay so people doesn’t have to click on every video. BUT:

    However, with the autoplay function turned on, it creates a huge issue on Safari: As soon as people either go to another subpage or to the next unit, the audio from the previous video stays and overlaps with the new one, etc.
    Here is the development version of my website for testing, where I activated the autoplay so you can test:
    http://dev.harp-school.com/all-courses
    Please try any course in safari.
    The credentials for both sites are the same you had (login: flowplayer / pass: you changed it).

    Can you give it a shot and let me know what I should do? Thank you so much!!

    Evelina

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

    Hello Evelina,

    the https://harp-school.com/course/passenger-let-her-go/ asks me for a payment even when I come in with out login.

    Our login doesn’t work for http://dev.harp-school.com/all-courses – is there any specific course we should be taking? Then one I opened didn’t had FV Player on it.

    We would like to improve our compatibility with WPLMS or suggest fixes to its developers.

    Thanks,
    Martin

    Alec Kinnear 9 years ago
    Avatar photo

    Hi Evelyn,

    Could you provide Martin a free working member’s login.

    Thanks.

    Making the web work for you, Alec

    Martin 9 years ago

    Hi,

    I can’t answer to your emails because it says unknown sender in both mail.app on mac and gmail on chrome).

    How can I send you your credentials?

    Thank you!

    Martin 9 years ago

    Hello Evelina,

    you can use this handy tool to share the login with us: http://revealit.me/ Since you message will go into the moderation queue, only we will get your link.

    Thanks,
    Martin

    Martin 9 years ago

    Hello Evelina,

    here’s what I’m seeing:

    1) I go here and start the course: http://dev.harp-school.com/course/passenger-let-her-go/
    2) It takes me to http://dev.harp-school.com/core/start-course/ when I click “Start course”
    3) Then I can see a video playing
    4) When I click “Let her go – Passenger (3)” in sidebar it loads another player which doesn’t play

    The problem is that WPLMS loads the content using Ajax and our footer hooks don’t execute that way. It should work fine with single videos though. I’ll mention this issue on our team meeting.

    We are also not the Flowplayer team, we only use core Flowplayer inside of our plugin and add a lot of extra functions to it.

    Thanks,
    Martin

    Martin 9 years ago

    Hello Evelina,

    we will work on improving our support for Ajax generated pages.

    Thanks,
    Martin

    Martin 9 years ago

    Hi Martin,

    Thanks for your help! I don’t know if you were able to see the overlapping audio on the dev website in Safari?

    Just to summarize:
    – Autoplay ON (dev website): Works fine when switching to another unit (sidebar) or sub-unit (bottom pagination) in the courses. But creates the overlapping audio only on safari…
    – Autoplay OFF (main website): if the current video is still playing and we go to another unit/sub-unit, then the player shows the loader but nothing happens unless we click twice on it (chrome).

    To be continued…

    Thank you again!

    Martin 9 years ago

    Hello Evelina,

    1) Autoplay ON – I’m able to see the issue on the dev site in Safari. It’s quite tricky, as the video start to autoplay before Flowplayer has a chance to get a hold of it.

    I see you are using this code to init the player in Ajax loaded content, as recommended by WPLMS:

    jQuery(document).ready(function($){
      $('.unit_content').on('unit_traverse',function(){
        if($('.flowplayer').length){
           $('.flowplayer').each(function(){
            $(this).flowplayer();
           });
         }
      });
    });

    Could you please remove it for a test and see how it changes the behavior?

    2) Autoplay – Off – I’m not able to take part in https://www.harp-school.com/course/passenger-let-her-go/ using the Alec’s account, could you please add the account in?

    Thanks,
    Martin

    Martin 9 years ago

    Hi,

    1) I removed the footer code recommended by WPLMS and didn’t notice any improvements. You can check if you wish, I left it without it on the dev.harp-school.com website. Not even the player controls are showing once it gets buggy.

    2) Credentials: see previous post.
    So on the main website, please go to https://www.harp-school.com/course/passenger-let-her-go/ click on take the course, then please go to the unit “let her go – piece” from the right sidebar.
    Then go to the sub-unit 2 using the bottom buttons, launch the video and once it plays, click on the sub-unit 3 button. You should see the loader looping without ever playing.
    Screenshot here for the sub-units nav: https://www.harp-school.com/media/sub-units.jpg

    Thanks for being on it!!! Good evening :-) I’m not sure where you’re based?

    Cheers!

    Martin 9 years ago

    Hi,

    I just noticed that any of my videos plays on firefox. I got a top message notification “firefox has blocked the use of an obsolete plugin” + the message on the video “adobe flash is disabled for this page”.

    I’m almost certain it was working fine one the previous version I was using (6.0.4.18). I just updated to the last version today, but I can’t find your page with flowplayer previous version to try with a previous one.
    Can check this please? My students using firefox are unable to see the videos.. Thank you so much!

    Martin 9 years ago

    Hello Evelina,

    just a quick reply – the Firefox error is related to your Adobe Flash being outdated. You should be seeing a note from it about upgrade being available, or you can reinstall it from: https://get.adobe.com/flashplayer/ What we can do on our end to improve it is include the Flowplayer HLS JS plugin, then HLS streams would be playable without Flash.

    We are based in Slovakia, Europe.

    Thanks,
    Martin

    Evélina SIMON 9 years ago

    Hi Martin,

    Thanks for you quick reply and sorry for such stupid request! I updated flash and it works fine.. (I use chrome all the time so I panicked when I opened firefox lol). Thank you!

    Slovakia, great! It looks like a beautiful country. I’m from south of France, in the pyrenees mountains :-) Cheers!

    Martin 9 years ago

    Hello Evelina,

    I can see the issue with the sub-unit buttons. I guess we should rather fix our playlist technology to work with WPLMS in a hurry, as what you put in is another piece of technology to troubleshoot. So it would make more sense to use the similar function of our player.

    Thanks,
    Martin

    Martin 9 years ago

    Hi,
    Hi Martin,

    Thanks! The reason why we can’t use the playlist of the player is because we need to display different information underneath the player for each video. i.e: When someone goes to the video #2 of a certain unit, we need a different music sheet to load underneath.. This is why we cannot use the player playlist… Make sense? So the only way we found is using the WPMLS “pagebreak” function to create multiple pages inside a unit. Visual composer doesn’t work because of ajax in units, otherwise I would have use VC tabs or something like this. But only the WPLMS sub-pages provided what we needed.. So if you could find a fix that would be great!

    Let me know, thanks for your time!!! Cheers

    Martin 9 years ago

    Hi Martin,

    The reason why I can’t use your playlist function s that we need to load content below the player: when a student goes from a sub-unit to another, not only the video changes but also the music score underneath it and eventually other notes.. So since WPLMS was providing with pagination inside units, it was the perfect way for us to organise our courses.
    Not sure how we can troubleshoot this :-/ Should I contact WPLMS support too?

    Thank you so much for your patience and help!

    Evelina

    Martin 9 years ago

    Hello Evelina,

    I changed the code which I posted above to this:

    jQuery(document).ready(function($){
      $('.unit_content').on('unit_traverse',function(){
        if($('.flowplayer').length){
          $('.flowplayer').each(function(){
            if( !$(this).data('flowplayer') ) $(this).flowplayer();
          });
        }
      });
    });

    Now I can switch between the unit pages 1,2,3,4 without issues.

    Could you please confirm that it works better now?

    Could you please try it on the dev site as well to see if it helps with the Safari issue (double audio track playing).

    Thanks,
    Martin

    Martin 9 years ago

    Hi Martin,
    Thanks for your quick reply!!!

    Yes I confirm that your code worked on my main website so now we can go to a sub-unit before the previous video ends and no more infinite loader :-) yay!!! That’s a relief as students don’t get frustrated on that weird bug!! Thank you!!

    I tried it on my dev website (which as autoplay ON), and unfortunately the issue on safari with audio overlapping still occurs.. That’s a weird thing as it looks like it is the same video playing twice at the same time.. This is less urgent to me as autoplay is something we love (avoid users to click play after they clicked next unit), but it will be much appreciated if you have any ideas on this :-)

    Sleep well, & thank you so much !!! Your support is top-notch guy(s) ^^

    Evelina

    Martin 8 years ago

    Hello Evélina,

    with FV Player 6.0.5.25 you should be able to use video playlists in your lessons, so when you have a bit of time, you should have a look in case you are still interested. Please let us know if you notice any issues.

    Thanks,
    Martin

    Martin 8 years ago

    Hi Martin,

    Thanks for digging this out again!

    You already suggested playlist :-) and as I said earlier in this topic, the reason why I can’t use your playlist function is that we need to load specific content below the player: when a student goes from a sub-unit to another, not only the video changes but also the sheet music underneath it, and eventually other notes.. So since WPLMS was providing with pagination inside units, it was the perfect way for us to organise our courses, each video having it’s own related sheet music.
    Not sure how we can troubleshoot this :-/ Should I contact WPLMS support too?

    Thank you so much for your patience and help!

    Evelina

    Martin 8 years ago

    Hello Evélina,

    I see I forgot about that – I see it’s not the right function for you. If you have no issues with FV Player currently, you don’t have to worry about this.

    Just let us know if you notice anything weird going on or if you have any other questions, we will be happy to help.

    Thanks!
    Martin

    Martin 8 years ago

    Yes the issue I have is that I would really need the autoplay function so my students doesn’t have to click the play button every time they go to the next chapter.. It woks fine on Firefox and Chrome but I opened this topic because in Safari the audio is overlapping..

    So if one day you come up with a fix for this, that would be awesome! Thanks :-)

    Martin 8 years ago

    Hello Evélina,

    latest version of FV Player doesn’t use the html5 video tag for its initialization anymore, so it might help with that issue.

    I see that you are using an older version of FV Player Pro, so you should proceed carefully and check your videos afterwards. Let us know if you are not seeing the FV Player Pro upgrade available please.

    If you run into any issues with it, you can enable Integration/Compatibility -> Use old code.

    Thanks!
    Martin

Viewing 22 replies - 1 through 22 (of 22 total)
Reply To: Issue with ajax + Safari audio overlapping



Please Sign in or Register to upload files.

Related Posts

  1. Foliopress WYSIWYG glitch in Safari fixed

    Foliopress WYSIWYG glitch in Safari fixed

  2. Google Search Settings won’t stick in Safari or OmniWeb: turn off Instant!

    Google Search Settings won’t stick in Safari or OmniWeb: turn off Instant!

  3. Foliopress WYSIWYG Image Management now works in Safari

    Foliopress WYSIWYG Image Management now works in Safari

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!