<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />

        <link href="main.css" rel="stylesheet" type="text/css">
    </head>
    <body>

        <iframe id="player2" width="630" height="354" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

        <ul id='palimpsest'>
            <li onClick='skipToVideo(0);'>Video 1</li>
            <li onClick='skipToVideo(1);'>Video 2</li>
        </ul>

        <script src="../bower_components/jquery/dist/jquery.min.js"></script>
        <script src="../lib/froogaloop2.min.js"></script>
        <script src="../src/jquery.vimeoplaylist.js"></script>
        <script type="text/javascript">
            var player = $('#player2').vimeoplaylist({
                startFrom : 1,
                startTime : 12,
                volume : 0.0,
                videoList : ['7100569', '240975'],
                onVideoStart: function(videoIndex) {
                    $('#palimpsest li').eq(videoIndex).css("font-weight", "bold");
                    console.log(videoIndex);
                },
                onVideoFinish: function(videoIndex) {
                    $('#palimpsest li').eq(videoIndex).css("font-weight", "normal");
                    console.log(videoIndex);
                },
            });

            function skipToVideo(index) {
                player.startVideo(index);
            }
        </script>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />

        <link href="main.css" rel="stylesheet" type="text/css">
    </head>
    <body>

        <iframe id="player2" width="630" height="354" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

        <ul id='palimpsest'>
            <li onClick='skipToVideo(0);'>Video 1</li>
            <li onClick='skipToVideo(1);'>Video 2</li>
        </ul>

        <script src="../lib/jquery-2.1.1.min.js"></script>
        <script src="../lib/froogaloop2.min.js"></script>
        <script src="../src/jquery.vimeoplaylist.js"></script>
        <script type="text/javascript">
            var player = $('#player2').vimeoplaylist({
                startFrom : 1,
                startTime : 12,
                volume : 0.0,
                videoList : ['7100569', '240975'],
                onVideoStart: function(videoIndex) {
                    $('#palimpsest li').eq(videoIndex).css("font-weight", "bold");
                    console.log(videoIndex);
                },
                onVideoFinish: function(videoIndex) {
                    $('#palimpsest li').eq(videoIndex).css("font-weight", "normal");
                    console.log(videoIndex);
                },
            });

            function skipToVideo(index) {
                player.startVideo(index);
            }
        </script>
    </body>
</html>

Use lib folder in demos
Use lib folder in demos
