Demo 6   - Video Slider

Demos:     1   2   3   4   5   6   7

Features

• Currently supports Youtube and Vimeo
• iframe based embedding. Works on many different devices, even ones that doesn't support Flash.

How to embed videos to the slider

1. Another script, mcVideoPlugin.js that is available in the download, should be referenced before the js-image-slider.js
   <script src="themes/6/mcVideoPlugin.js" type="text/javascript"></script> <script src="themes/6/js-image-slider.js" type="text/javascript"></script>
2. Wrap slide picture with a link to the video. The link should specify class="video" and its href must be formatted as below without any extra parameters.
   <a class="video" href="http://vimeo.com/38375192"> <img src="images/img3.jpg" /> </a> <a class="video" href="http://www.youtube.com/watch?v=AQ-3aRhvFwU"> <img src="images/img4.jpg" alt="" /> </a>

   It's done.

   Note:
   • autoPlayVideo="true" and/or autoNextOnVideoFinished="false" can be added to the link to overwrite the slider's default behavior. Please visit our online Demo 6: Video Slider for more details.