I want a button to appear in the fifth second of the video html5

I have a video tag. I want to appear a button ‘next’ When 5 seconds have passed from the video. Below code but not work.

<script>
var vid1 = document.getElementById("MyVid1");
var btn = document.getElementById("btn");

btn.style.display = "none";

vid1.play();


if(vid1.currentTime==5){
btn.style.display = "block";}
</script>

<video width="320" height="240" id="MyVid1" controls >
  <source src="vid/1.mp4" type="video/mp4">
 
</video>

<button id='btn' >tryit</button>