• 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

Compatibility with Popup Anything

[Solved]

Foliovision › Forums › FV Player › How to … › Compatibility with Popup Anything

  • freedom667 4 years ago

    Hi there. I using the player in my popup but when i click close button, the video is continuing. How can I stop it?

    https://imgur.com/a/DUASXP1

    this is my jquery function

    <script type="text/javascript">
    jQuery(document).ready(function($) {
    $(document).on('click', '.paoc-close-popup', function(e) {
      flowplayer.unload();
    </script>
    
Viewing 15 replies - 1 through 15 (of 15 total)
  • Martin 4 years ago

    Hello freedom667,

    please use this code:

    flowplayer('.is-playing').pause()

    I added it to the usage sample in our API guide as well: https://foliovision.com/player/advanced/api-programming

    FV Player also has the lightbox function built it: https://foliovision.com/player/basic-setup/using-lightbox

    Thanks,
    Martin

    freedom667 4 years ago

    Is there stop function? or unload is the stop function??

    freedom667 4 years ago

    did not work, what did I wrong?

    <div class="video-popup using-axe" style="width: 100%;">
    <div class="video">[fvplayer id="3"]</div>
    </div>
    <script type="text/javascript">
    jQuery(document).ready(function($) {
    $(document).on('click', '.paoc-close-popup', function(e) {
    flowplayer('.is-playing').pause();
    });
    </script>
    
    Martin 4 years ago

    Hello freedom667,

    perhaps you closed the popup before the video started to play. Does it pause properly if you let it start playing and then close the popup?

    Dealing also with videos which are still loading and not playing makes this a lot more complex, the code to run when closing the lightbox becomes:

    jQuery('.flowplayer').each( function() {
      var api = jQuery(this).data("flowplayer");
      if( typeof(api) == "undefined")  return;
      if( api.ready ) api.unload();
      if( api.loading  ) {
        api.one('ready',function(){
          api.unload();
        });
      }
    } )
    

    That’s how we do it with Fancybox which is a part of FV Player. I see it would be good to really let unload() do it’s job even for player which is still loading.

    It’s better to use pause() than unload() as if you then open the popup again it shows the video where you left off.

    Thanks,
    Martin

    freedom667 4 years ago

    I clicked and did not work again. I really did not understand why

    Martin 4 years ago

    Hello freedom667,

    in that case you should be debugging the JavaScript to figure out what’s wrong. Perhaps hooking this to the click event is not the best idea – it would be better to hook to the event fired when your lightbox is closing.

    I tried to search “paoc-close-popup” on web and I found that plugin might be using Custombox which has the event hook for lightbox closing like this:

    document.addEventListener('custombox:overlay:close', function() {
      // Overlay closed
    });
    

    This is something to double-check with developers of that plugin.

    We also provide a paid service to support custom integrations like this: Make Your Theme work with Video – but it might be worth checking why you can’t use the FV Player lightbox in the first place.

    Thanks,
    Martin

    freedom667 4 years ago

    I have popup plugin name “Popup Anything”

    I’m using a mp3 player and it’s working like this

    $(“.mp3-player”).jPlayer(“stop”);

    Martin 4 years ago

    Hello freedom667,

    I’m renaming this thread to “Compatibility with Popup Anything” as that’s what it’s about.

    I will try to install the plugin https://wordpress.org/plugins/popup-anything-on-click/ and see if I run into the issue as well. Then we will either improve the API or fix this compatibility issue right in our player.

    Thanks,
    Martin

    freedom667 4 years ago

    Thank you so much. I will be waiting you to improving plugin :)

    Martin 4 years ago

    Hello freedom667,

    we added support for the Popup anything on click for the next release. Could you please reinstall FV Player from this link: https://github.com/foliovision/fv-wordpress-flowplayer/archive/refs/heads/778-compatibility-with-popup-anything.zip ?

    To do that you will have to first deactivate and delete the current FV Player plugin you are using. WordPress will warn you that you might loose settings and data, but it’s not the case with our plugin, no settings now videos will be lost. Or you can just replace the plugin files via FTP.

    Then when you close the Popup Anything on Click lightbox you should see these messages on the browser console:

    FV Player: Custombox/Popup anything ligtbox closed
    FV Player: Custombox/Popup anything ligtbox contains a player
    FV Player: Custombox/Popup anything ligtbox video pause (or unload)

    And it should just work for you and no custom code should be needed.

    Thanks,
    Martin

    freedom667 4 years ago

    Finally, it’s working thanks :) So, just one more thing. I want to change “Item” texts in video UI. I want it to be video’s name. if it overflows, the continuation can be closed with 3 dot. Like this:

    Song-Karao…

    Martin 4 years ago

    Hello freedom667,

    thank you for confirming that it works. We will make that improvement part of the next FV Player version too.

    Regarding your player control bar playlist menu requests – if we show it as “Item 1.” then it’s pretty clear the player is playing the item number one. But if we show “1. Song-Karao…” it’s a bit hard to see it’s the playlist item name.

    I will check this request with Alec, perhaps we could show the playlist icon next to it to make it more clear.

    Thanks,
    Martin

    freedom667 4 years ago

    hello there. Any progress on “item” text?

    Martin 4 years ago

    Hello freedom667,

    we will add it in as a hidden item which you will be able to reveal using CSS.

    Thanks,
    Martin

    Martin 4 years ago

    Hello freedom667,

    you can test this new feature by reinstalling FV Player from this ZIP file: https://github.com/foliovision/fv-wordpress-flowplayer/archive/refs/heads/778-playlist-item-name.zip

    To do that you will have to first deactivate and delete the current FV Player plugin you are using. WordPress will warn you that you might loose settings and data, but it’s not the case with our plugin, no settings now videos will be lost. Or you can just replace the plugin files via FTP.

    Then you will be able to use this CSS to show the playlist item name on control bar and hide the normal “1. Item” button:

    .flowplayer .fv-fp-list-name {
      display: none;
    }
    .flowplayer .fv-fp-list {
      display: none;
    }
    

    Please check here for the custom CSS suggestions: https://foliovision.com/player/advanced/css-tips-and-fixes

    Thanks,
    Martin

Viewing 15 replies - 1 through 15 (of 15 total)
Reply To: Compatibility with Popup Anything



Please Sign in or Register to upload files.

Related Posts

  1. Javascipt popup doesn’t works in wordpress plugin

    Javascipt popup doesn’t works in wordpress plugin

  2. Force DASH maximum quality in FV Player 7

    Force DASH maximum quality in FV Player 7

  3. How to disable click on progressbar?

    How to disable click on progressbar?

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!