video slider
HTML
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://code.ryanbruzan.net/nerveSlider/jquery.nerveSlider.min.js"></script>
<link rel="stylesheet" href="http://code.ryanbruzan.net/nerveSlider/nerveSlider.min.css">
<script>
$(document).ready(function(){
$(".iAmTest").startslider({
slideTransitionSpeed: 1800,
slideTransitionEasing: "easeInOutExpo",
slidesDraggable: true,
sliderResizable: true
});
});
</script>
<div class="section">
<div class="iAmTest">
<img src="http://code.ryanbruzan.net/nerveSlider/example-images/canyon.jpg" data-slidecaption="<h1>Caption Title</h1>Hey! This is a slide caption!">
<a href="http://www.ryanbruzan.net/" target="_blank"><img src="http://code.ryanbruzan.net/nerveSlider/example-images/dusk.jpg" data-slidecaption="I have a link!"></a>
<img src="http://code.ryanbruzan.net/nerveSlider/example-images/winter.jpg">
<img src="http://code.ryanbruzan.net/nerveSlider/example-images/tree.jpg"><div>
<img src="" alt="" data-slidetransitiondelay="1200000000000000">
<div class="ns_slideContent"><iframe width="600" height="338" src="https://www.youtube.com/watch?v=s3s-_3qfdl4" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>