title: Play video in loop from the selected duration
body: <p>I have a video file in my design which has length of 2min. For the first time the video will play from the beginning and then the video have to play from 1.00 sec to 2.00 sec in loop. Is this possible to do using jquery? I have tried alternative methods. It works but there is a jump in video. <a href="https://stackoverflow.com/questions/39745504/change-video-source-after-the-first-video-ends">Change video source after the first video ends</a>. </p>
  
  <p>Here are the code I have:</p>
  
  <p>JQuery:</p>
  
  <pre><code>document.getElementById('bgvid').addEventListener('ended', myHandler, false);
  
  function myHandler(e) {
     //*what to do?*//
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>div class="anim-logo "&gt;
      &lt;video playsinline autoplay muted  poster="assets/img/video3.jpg" id="bgvid"&gt;
      &lt;source src="assets/img/video3.webm" type="video/webm"&gt;
      &lt;source src="assets/img/video3.mp4" type="video/mp4"&gt;
  &lt;/video&gt;
        &lt;/div&gt;&lt;!--end of anim logo--&gt;
  </code></pre>