function videolist() {
  $("article.contentVideolist").append("<ul></ul>");
  $.each(videos, function( index, objValue ) {
    $("article.contentVideolist ul")
        .append($("<li id='video" + index + "'></li>")
          .append($("<span>" + objValue[0] + "</span>"))
          .append($("<a href='#' class='play'>play</a>")
            .click(function(event) {
              $(".video-js-box").empty()
                   .append($('<video class="video-js" width="510" height="288" controls>')
                     .append($('<source src="' + objValue[1] + '" class="VideoMP4" />'))
                     .append($('<source src="' + objValue[2] + '" class="VideoWebM" />'))
                     .append($('<source src="' + objValue[3] + '" class="VideoOGV" />'))
                   );
              VideoJS.setup(event.target.id);
//$("video")[0].player.play();
/*

<object id="flash_fallback_1" class="vjs-flash-fallback" width="510" height="288" type="application/x-shockwave-flash" data="/static/video/flowplayer-3.2.6.swf"><param name="movie" value="/static/video/flowplayer-3.2.6.swf" /><param name="allowfullscreen" value="true" /><param name="flashvars" value="config={\'playlist\':[\'http://www.st.w3man.com/cache/multimedia/Imagefilm_68.png\', {\'url\': \'' + objValue[1] + '\',\'autoPlay\':false,\'autoBuffering\':flase}]}" /><img src="http://www.st.w3man.com/cache/multimedia/Imagefilm_68.png" width="510" height="288" alt="Poster Image" title="No video playback capabilities." /></object>

    jQuery("#video-js-box").empty().append('<video id="'+event.target.id+'" class="video-js" width="717" height="403" controls poster="http://localhost/youyoga.me/images/videos/'+event.target.id+'.jpg"><source src="http://localhost/youyoga.me/images/videos/'+event.target.id+'.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' /><object id="flash_fallback_1" class="vjs-flash-fallback" width="717" height="403" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"><param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /><param name="allowfullscreen" value="true" /><param name="flashvars" value=\'config={"playlist":["http://localhost/youyoga.me/images/videos/'+event.target.id+'.jpg",{"url":"http://localhost/youyoga.me/images/videos/'+event.target.id+'.mp4","autoPlay":true,"autoBuffering":true}]}\' /><img src="http://localhost/youyoga.me/images/videos/'+event.target.id+'.jpg" width="717" height="403" alt="Poster Image" title="No video playback capabilities." /></object></video>');
*/
             })
          )
          .append($("<a href='" + objValue[1] + "' class='download'>H.264/MPEG-4</a>"))
    );
  }); //each
};