-
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
-
-
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,
Martinbumping 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.
Hi Teri!
We are opening the discussion about adding this feature now again with the team. I will keep you posted.
Lucia
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
