Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

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

Posted on 2014-10-25
10
Medium Priority
?
1,011 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 84

Expert Comment

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

Accepted Solution

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

it will work !
0
 
LVL 2

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
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
LVL 83

Assisted Solution

by:leakim971
leakim971 earned 2000 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 2

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 83

Expert Comment

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

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 83

Assisted Solution

by:leakim971
leakim971 earned 2000 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 2

Author Comment

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

Author Closing Comment

by:niceoneishere
ID: 40413994
Thanks
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

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

When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…

916 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