function createPlayer() {
  $('#still').hide()
  var url = video_url;
  if (npt != '00:00:00.000') {
    url += '?t=npt:' + npt;
  }
  var still_url = '/video/' + video_id + '/frame/' + npt + '.jpg';
  var video = createVideoElement('player', url, still_url, 512, 288);
  $('#videoPlayer').append(video);
}
function play() {
      if($('#changeState').text() == 'Stop')
        player.remove()
      $('#changeState').text('Stop');
      createPlayer()
}
function stop() {
  player.remove();
  updateStill();
  $('#still').show();
  $('#changeState').text('Play');
}
function updateStill() {
  var new_src='/video/' + video_id + '/frame/' + npt + '.jpg';
  if (npt != '00:00:00.000') {
   if($('#still').attr('src') != new_src)
     $('#still').attr('src', new_src);
  }
  else {
    $('#still').attr('src', video_still);
  }
}
function changeState() {
  var current = $('#changeState').text();
  if(current=='Play') {
    play();
  }
  else {
    stop();
  }
}