JSFiddle - React, Tailwind, and code Playground

HTML

<div style="text-align:center"> 
  <button id="play">Play/Pause</button> 
    <div id="sec"></div>
  <br><br> 
  <video id="video1" width="480">
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"><source src="mov_bbb.ogg" type="video/ogg">Your browser does not support HTML5 video.
  </video>
</div>

JavaScript

$(function(){
    var myVideo=document.getElementById("video1"); 
    
    $('#play').click(function(){
     myVideo.play();
    });
    
    

myVideo.addEventListener("timeupdate", function(a)
{  
    $('#sec').text(myVideo.currentTime);
    if(Math.round(myVideo.currentTime)==5 || Math.round(myVideo.currentTime)==15) myVideo.pause();
  
});
});