Flexslider 2

Updated 12/4/2013 - This doc collects the issues around the responsive slider, Flexslider 2.  It works great for images, and after adding some of the work for others, also works with vimeo and youtube videos.  The original can be found here:

http://flexslider.woothemes.com/

The examples in this file are circa approximately late November 2013, however they currently appear to be easier to integrate into a site than the original demos. The sub-folders and assets have all been clearly linked.

flexslider.css - The CSS file must be included, as it references an image on line 51: url(../images/bg_direction_nav.png) 

FlexSlider 2 has several parameters that turn on and off the carousel effect, etc.  These are detailed here:
https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties

Vimeo Support: In the original FlexSlider, vimeo videos continue to play when the next vid/image is scrolled.  However, there was a workaround implemented in our examples.  The original was found here (multiple vimeo videos flexslider 2): http://demo.juanfra.me/multiple-videos-flexslider-v2/

YouTube and Flexslider: There is currently no built in support for youtube in Flexslider.  However, there are many folks working on it, starting with juanfra above.  The code we use is from Lord Zardeck: https://gist.github.com/LordZardeck/7205720

The YouTube version uses Chris Coyier’s FitVids jQuery plugin, to make a video responsive and fill a container as an iframe: https://github.com/davatron5000/FitVids.js