Solved

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

Posted on 2014-10-25
10
863 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 78

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
 
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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
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 the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

920 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

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now