Video in BF Slider - can the auto slider pause while video plays?

Vfxdude » BigFeature

Video in BF Slider - can the auto slider pause while video plays?

(8 posts) (2 voices)

Started 2 years ago by barrya
Latest reply from vfxdude

Tags:

barrya
Member

Howdy,

First, I love the theme! Getting down to business, I'm wondering if anyone out there has done this:

Put a proplayer video in a BF slider with auto="true" (so it automatically moves), but found a way to have the slider pause after the slide's video has been clicked and started to play.

You can see what I'm doing here: http://dev.queenofthesun.com/

The video trailer is the first slide in the link above, so if someone manages to click the play button, the slide will eventually flip while the video plays. It would be lovely if there was some way to pass a message from the video to the BF_Slider to pause. Looks like if you press the back button on the slider then the slider is put in a paused state, so perhaps it's possible to do this if the video starts..

Anyone ever done this or would know where to start with the javascript? Seems like this could be a pretty cool bit of functionality.

- Barry

http://themeforest.net/user/barrya

Posted 2 years ago #
vfxdude
admin

you have to edit the custom-easyslider1.7.js then. Create a function for stopping and a click event for the play button. The stop function would then clear the animation timer like this: clearTimeout(timeout);

the only problem is that the proplayer (JW Player) is flash, and I don't know if the play button also triggers a javascript event. you have to research a bit about that...

Posted 2 years ago #
barrya
Member

Thanks! I imagined that it would not be exactly easy, but this would be a great way to dive into some javascript and learn a bit more.

Another idea for this kind of functionality perhaps would be to trigger the video in a lightbox, and position it directly above the slider- so even if it is flipping the images in the background, the lightbox would cover it. Seems like that would be a kludge-y way to do it, thought.

Thanks for your thoughts on this, I really appreciate it, and am going to wind up purchasing the theme for other sites once I really learn the ins and outs.

barry

Posted 2 years ago #
vfxdude
admin

a code like this (in the init area of custom-easyslider1.7.js):

$(this).click(function(){ clearTimeout(timeout); });

will stop the slider if it's clicked.

Posted 2 years ago #
barrya
Member

Cool. So far I've had some success with that, but some browsers don't seem to work. It works on Safari (Mac) Firefox (Mac & Windows), but doesn't work on Chrome (Mac & Windows) and IE8 (Windows).

Here's where I added that code to the init area:
// init var timeout; if(options.auto){; timeout = setTimeout(function(){ animate("next",false); },options.pause); };
// start pause when clicked on slide $(this).click(function(){ clearTimeout(timeout); }); // end pause when clicked on slide if(options.numeric) setCurrent(0);
if(!options.continuous && options.controlsFade){ $("a","#"+options.prevId).hide(); $("a","#"+options.firstId).hide(); };

Anyone have any ideas why it seems to work differently in IE/Chrome than in Firefox/Safari?

The site I'm developing lives here - http://www.queenofthesun.com/index.php (you do have to make sure the url is 'index.php' as the html file takes precedence if you don't)

Any comments, suggestions are very appreciated.

Posted 2 years ago #
vfxdude
admin

works in Chrome and IE8 (in Windows 7) for me. I did not click on a flash though, just an image, that can be the difference.

Posted 2 years ago #
barrya
Member

I guess what I meant by "It doesn't seem to work" is that the click on the pro player flash movie slide (the first slide) doesn't pause the slider (in Chrome and IE) -- the other browsers I've tested do pause it (Safari and Firefox). hmmm.

Posted 2 years ago #
vfxdude
admin

in some browsers the click event is stolen by flash (when clicking on the flash object). That's why I wrote this:

the only problem is that the proplayer (JW Player) is flash, and I don't know if the play button also triggers a javascript event. you have to research a bit about that...

Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.