Slideshow Demo

This demonstrates a usage of backstretch with mixed images and youtube videos.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="jquery.backstretch.min.js"></script>
<script>
    $.backstretch([
        { url: "https://www.youtube.com/watch?v=a7nXUqGBdRQ", duration: 7000, mute: false, alignY: 0 },
        "https://www.youtube.com/watch?v=Nq0Ddu2EwFQ",
        "pot-holder.jpg"
    ], {
        fade: 750,
        duration: 4000,
        preload: 5
    });
</script>