Solved

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

Posted on 2014-10-25
10
954 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
10 Comments
 
LVL 82

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
Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

 
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

Containers & Docker to Create a Powerful Team

Containers are an incredibly powerful technology that can provide you and/or your engineering team with huge productivity gains. Using containers, you can deploy, back up, replicate, and move apps and their dependencies quickly and easily.

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
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)

636 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