Demo 6   - Video Slider

Demos: 1234 5678

Welcome to Menucool Video Slider


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=""> <img src="images/img3.jpg" /> </a> <a class="video" href=""> <img src="images/img4.jpg" alt="" /> </a>

    • 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.