JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>

<div class="slideshow">
<iframe width="614" height="345" src="http://www.youtube.com/embed/QGkieZLi2zw" frameborder="0" allowfullscreen></iframe>
       <iframe width="614" height="345" src="http://www.youtube.com/embed/KRaWnd3LJfs" frameborder="0" allowfullscreen></iframe>
    <iframe src="http://player.vimeo.com/video/58277131" alt="http://player.vimeo.com/video/58277131?autoplay=1" width="614" height="345" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
    </div>
    <br><br><a href="#" id="prev2">Previous</a> / <a href="#" id="next2">Next</a>

JavaScript

$(document).ready(function() {
    $('.slideshow').cycle({
    fx:      'scrollHorz',
    speed:  'fast',
    timeout: 2000,
    next:   '#next2',
    prev:   '#prev2'
    });
});