title: Button to skip html5 video to the end
body: <p>I have a video player which contain a skip button so that the user can skip the video to the end.</p>
  
  <p>Here is html</p>
  
  <pre><code>&lt;video id="video1" style="height: 100%" class="video-js vjs-default-skin" controls muted autoplay="true"&gt;
              &lt;/video&gt;
  </code></pre>
  
  <p>skip function</p>
  
  <pre><code>function skipVideoTime(){
      $('.skip_button').on('click', function () {
          var vid = $("#video1")[0];
          var vidDuration = Math.floor(vid.duration);
          skipTime(vidDuration);
          console.log(vidDuration);
  
      })
  
  }
  
  function skipTime(time) {
      var vid = $("#video1")[0];
      vid.play();
      vid.pause();
      vid.currentTime = time;
      vid.play();
      console.log(vid.duration);
  };
  
  $(function () {
  
       skipVideoTime();
  
  
  });
  </code></pre>
  
  <p>Here is console logs from the above functions</p>
  
  <p><code>32.534</code></p>
  
  <p><code>32</code></p>
  
  <p>Now when I click the button it skip to 32 minutes because I used math floor function if I remove math floor so that it can skip to <code>32.534</code>, it does not work, </p>
  
  <p>what do I need to change to get what I want?</p>