Solved

Vimeo Video in FlexSlider while playing the video stop the slide rotation

Posted on 2014-10-25
10
874 Views
Last Modified: 2014-10-30
I am using flexslider 2 in my big commerce site and have added a vimeo video by following these instructions from the flexslider site http://flexslider.woothemes.com/video.html

But for some reason the when the video plays the slides won't stop rotation. What am I missing.

here is the link for the site where I am using the video

http://zebs.com

Thanks
0
Comment
Question by:niceoneishere
  • 5
  • 4
10 Comments
 
LVL 79

Expert Comment

by:David Johnson, CD, MVP
ID: 40404455
even the demo keeps sliding unless you click the button for the video
0
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 40404774
replace :
$('.flexslider').flexslider("pause");
by :
$('.flexslider').flexslider("stop");

it will work !
0
 
LVL 1

Author Comment

by:niceoneishere
ID: 40404893
Thanks leakim971,

I tried that but its not, when the video is playing the slides are still rotating.
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
LVL 82

Assisted Solution

by:leakim971
leakim971 earned 500 total points
ID: 40404917
I see stop is not available in your current version.

get the latest version of flexislider here :
put this one first to debug :
https://github.com/woothemes/FlexSlider/blob/master/jquery.flexslider.js
if that work replace by the minifed version :
https://github.com/woothemes/FlexSlider/blob/master/jquery.flexslider-min.js
0
 
LVL 1

Author Comment

by:niceoneishere
ID: 40405039
Ok Thanks I got it working by adding the latest version now the video plays and once I stop it the slides are not rotating again :(
0
 
LVL 82

Expert Comment

by:leakim971
ID: 40405079
it work fine for me
0
 
LVL 1

Author Comment

by:niceoneishere
ID: 40405102
hmm were the slide atuo rotate once you stop playing the video sir. Its not for me
0
 
LVL 82

Assisted Solution

by:leakim971
leakim971 earned 500 total points
ID: 40405126
it's inconsistent, try to add a timer for the restart

    froogaloop.addEvent('pause', function(data) {
setTimeout(function() {
      $('.flexslider').flexslider("play");
}, 1000); // try 1 second first before decreasing
    });

Open in new window

0
 
LVL 1

Author Comment

by:niceoneishere
ID: 40413991
Thanks for everything
0
 
LVL 1

Author Closing Comment

by:niceoneishere
ID: 40413994
Thanks
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

785 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question