search

CSS-Tricks / AnythingSlider

A jQuery Slider plugin for anything.
http://css-tricks.github.io/AnythingSlider/
GNU Lesser General Public License v3.0
1.15k stars 380 forks source link

Keeping the video paused when the slideshow resumes. #211

Closed babrewer closed 13 years ago

babrewer commented 13 years ago

Is there a way for the video to remain paused (even if it hasn't finished playing to the end) if the slideshow resumes playing? Say for example someone clicks on play, but doesn't want to see the entire video. They use the arrows or click on another slide in the nav and the rotation begins again. Each time the video panel comes into view however, the video starts playing again - even if the user pressed pause before beginning the rotation. I'm using a viemo iframe embed and all the latest code and css. Many thanks in advance for any assistance you can provide!

Mottie commented 13 years ago

Hmm, I guess I could add an option to not continue playing a video when it comes back into view. I'm fixing some bugs right now, so it shouldn't be too hard to get it into the next update :)

babrewer commented 13 years ago

That would be fantastic! Thanks so much for your consideration.

Brian

On Nov 9, 2011, at 10:38 AM, Rob G wrote:

Hmm, I guess I could add an option to not continue playing a video when it comes back into view. I'm fixing some bugs right now, so it shouldn't be too hard to get it into the next update :)

Reply to this email directly or view it on GitHub: https://github.com/ProLoser/AnythingSlider/issues/211#issuecomment-2682536

Mottie commented 13 years ago

Okay Babrewer!

I've added this option to version 1.7.15.1. You can change the option as follows (add it inside of a document ready call and before the slider is initialized):

$.anythingSliderVideoDefaults.resumeVideo = false;

But now that I've added it and updated the repository, I think in the next update I might just add the option to the AnythingSlider core options because it would flow better and NOW makes more sense LOL. So for now, this is the way to do it, but I'll change it in the next update. Sorry if it causes any problems!

babrewer commented 13 years ago

All I can say is wow, you are simply amazing. Thanks so very much. I'm going to standardize on AS for all my projects going forward, still learning all the intricacies, and really appreciate what you've done.

Thanks again!

On Nov 9, 2011, at 12:20 PM, Rob G wrote:

Okay Babrewer!

I've added this option to version 1.7.15.1. You can change the option as follows (add it inside of a document ready call and before the slider is initialized):

$.anythingSliderVideoDefaults.resumeVideo = false;

But now that I've added it and updated the repository, I think in the next update I might just add the option to the AnythingSlider core options because it would flow better and NOW makes more sense LOL. So for now, this is the way to do it, but I'll change it in the next update. Sorry if it causes any problems!

Reply to this email directly or view it on GitHub: https://github.com/ProLoser/AnythingSlider/issues/211#issuecomment-2683921

Mottie commented 13 years ago

Not a problem :)

And LOL, my OCD wouldn't let me leave this alone... so I moved the option to the plugin core. You can now change this option along with all of the other AnythingSlider options. It is named resumeOnVisible and I'll update the wiki documents here in a minute.

$('#slider').anythingSlider({
  resumeOnVisible: false
});
babrewer commented 13 years ago

Already tested it using the call, worked like a champ and makes things very smooth. It even remembers where you were in the video when the panel comes back around and you press play again. Very, very cool!

Will I need to download another version with this latest revision in the core?

Many thanks, Brian

On Nov 9, 2011, at 12:46 PM, Rob G wrote:

Not a problem :)

And LOL, my OCD wouldn't let me leave this alone... so I moved the option to the plugin core. You can now change this option along with all of the other AnythingSlider options. It is named resumeOnVisible and I'll update the wiki documents here in a minute.

$('#slider').anythingSlider({
 resumeOnVisible: false
});

Reply to this email directly or view it on GitHub: https://github.com/ProLoser/AnythingSlider/issues/211#issuecomment-2684318

Mottie commented 13 years ago

Yeah, sorry... download the latest version. I just finished updating the wiki docs.

babrewer commented 13 years ago

Got it and everything works great in testing. Now on to using this in live project....

A couple of really novice question for you. Do I need FX to enable captions? Say I want to be able to put captions either on the left third or the right third of a panel. I want to use Typekit fonts in the HTML captions, and once deployed, want to let the business owner update the caption and/or the image via a web app in Business Catalyst. In your themes demo, the top ions are translucent and overlay the image itself. I want to mimic that effect, except with the captions overlaying the left third or right third of the panel. I don't especially need any effects on the captions, they can slide in with the underlying image.

Thanks again! Brian

On Nov 9, 2011, at 12:54 PM, Rob G wrote:

Yeah, sorry... download the latest version. I just finished updating the wiki docs.

Reply to this email directly or view it on GitHub: https://github.com/ProLoser/AnythingSlider/issues/211#issuecomment-2684476

Mottie commented 13 years ago

You don't really need the Fx extension unless you want animate items inside of the panel. If you just want to overlay a caption on the image, you can just add the caption HTML to the panel, then use CSS to position it.

I would prefer if we continued this discussion via email.. I don't want to clutter up the issue thread and have notifications sent to everyone with this conversation ;) So please email me on my gmail account, user name is wowmotty.