# 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>