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

Foliovision

  • 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

Play video on mouse hover and pause on mouseout

Foliovision › Forums › FV Player › How to … › Play video on mouse hover and pause on mouseout

  • chenille 11 years, 4 months ago

    Hi,
    I’d like to have 2 videos which play on mouseover and pause when you stop hovering.
    Is it possible to do it with Flowplayer?

    Many thanks,

    Kind Regards

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

    Hello Chenille,

    this would be possible. We have done a similar feature for one of our clients, but it’s depending on the page scroll position – the video which is in the center plays, as soon as you scroll away it gets paused.

    The key to success here is to have the videos auto preload and then it’s easy to hook in play() action on the right JavaScript event: https://foliovision.com/player/api-programming

    We will discuss this feature in our team, perhaps we would like to make it a part of the plugin.

    Thanks,
    Martin

    teri talbot 7 years ago

    bumping this since this is a feature many of my clients would like and scroll position does not work since they have multiple video’s inline on a page as products. You could have close to couple hundred videos on one page and they do not like having people having to click them to make them work.

    Lucia 7 years ago

    Hi Teri!

    We are opening the discussion about adding this feature now again with the team. I will keep you posted.

    Lucia

    Martin 7 years ago

    Hello Teri,

    a simple code snippet like this could make this work:

    jQuery('.flowplayer').each( function() {
      var api = jQuery(this).data('flowplayer');
      jQuery(this).hover( function() {
        api.load();
      }, function() {
        api.pause();
      });
    });
    

    However if loading a single video takes say 2 seconds, then this feature is useless.

    So we would have to perfect the video preloading. That would be a problem for Vimeo a bit, it might put a lot more load on the server.

    And also, perhaps the videos should be paused and not stopped when hovering to play some other video.

    So doing this can quickly get quite difficult.

    Thanks,
    Martin

Viewing 4 replies - 1 through 4 (of 4 total)
Reply To: Play video on mouse hover and pause on mouseout



Please Sign in or Register to upload files.

Related Posts

  1. New Chapter for Web Video: Paypal default home page 2K video background

  2. How to create video playlists

  3. WordPress video player support for Blackberry 10 OS

Primary Sidebar

How to …

    Categories

    • Business
    • Camera Reviews
    • Case Studies
    • Design
    • FV Player
    • Internet Marketing
    • IT
    • Life
    • SEO
    • Slovak
    • Video of the Week
    • WordPress

    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 © 2026 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‬