Demo 6   - Video Slider

Demos: 1234 5678

Welcome to Menucool Video Slider

Features

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>

    Note:
    • autoPlayVideo="true" and/or autoNextOnVideoFinished="false" can be added to the link to override the slider's default behavior. Please visit our online Demo 6: Video Slider for more details.
    • This demo requires a valid license for supporting the video feature. It won't work on the production server (though it works locally) if not licensed.