Solved

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

Posted on 2014-10-25
10
892 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 80

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
Resolve Critical IT Incidents Fast

If your data, services or processes become compromised, your organization can suffer damage in just minutes and how fast you communicate during a major IT incident is everything. Learn how to immediately identify incidents & best practices to resolve them quickly and effectively.

 
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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

821 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