<div style="text-align: center;"><img alt="" src="/limesurvey-wipsy/upload/surveys/623622/images/Anleitung.JPG" style="width: 800px;" /></div>
 
<div class="ckeditor-html5-video" style="text-align:center;">
<video controls="controls" controlslist="nodownload" id="vid" src="/limesurvey-wipsy/upload/surveys/623622/files/Achtsamkeits%C3%BCbung.mp3"> </video>
</div>
<script>
    $(document).ready(function() {
        $('#ls-button-submit').hide();
        var vid = document.getElementById('vid');
        var count = 0;
        vid.onplay = function() {
            document.getElementById('vid').style.visibility = "hidden";
              document.body.onkeyup = function(e){
                if(e.keyCode == 32){
                  console.log(count++);
                };
            };
        };
          vid.onended = function() {
            $('#ls-button-submit').show().trigger('click');
              // Send total count to results! 
              console.log(count)
        }
 
    });
</script>

document.body.onkeyup = function(e){
  if(e.keyCode == 32){
    console.log(count++);
    $('#question{QID} input:text').val(count++).trigger('keyup');
  }
};